<style lang="less" scoped>
  .user-drop-div /deep/ .ivu-dropdown-item {
    font-family: "PingFang SC";
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    color: #161616;
  }
  .user-drop-div /deep/ .ivu-dropdown-item:hover {
    font-family: "PingFang SC";
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    color: #b40001;
  }
  .user-drop-div .user-drop-item-div1 img {
    content: url('../../../assets/images/V2-new-view/历史信息.png')
  }
  .user-drop-div .user-drop-item-div1:hover img {
    content: url('../../../assets/images/V2-new-view/历史信息2.png')
  }
  .user-drop-div .user-drop-item-div2 img {
    content: url('../../../assets/images/V2-new-view/生成二维码.png')
  }
  .user-drop-div .user-drop-item-div2:hover img {
    content: url('../../../assets/images/V2-new-view/生成二维码2.png')
  }
  .user-drop-div .user-drop-item-div3 img {
    content: url('../../../assets/images/V2-new-view/调动.png')
  }
  .user-drop-div .user-drop-item-div3:hover img {
    content: url('../../../assets/images/V2-new-view/调动2.png')
  }
  .user-drop-div .user-drop-item-div4 img {
    content: url('../../../assets/images/V2-new-view/注销.png')
  }
  .user-drop-div .user-drop-item-div4:hover img {
    content: url('../../../assets/images/V2-new-view/注销2.png')
  }
  .user-drop-div .user-drop-item-div5 img {
    content: url('../../../assets/images/V2-new-view/流程跟踪.png')
  }
  .user-drop-div .user-drop-item-div5:hover img {
    content: url('../../../assets/images/V2-new-view/流程跟踪2.png')
  }
  .user-drop-div .user-drop-item-div6 img {
    content: url('../../../assets/images/V2-new-view/区内调动.png')
  }
  .user-drop-div .user-drop-item-div6:hover img {
    content: url('../../../assets/images/V2-new-view/区内调动2.png')
  }
  .user-drop-div .user-drop-item-div7 img {
    content: url('../../../assets/images/V2-new-view/街道内调动.png')
  }
  .user-drop-div .user-drop-item-div7:hover img {
    content: url('../../../assets/images/V2-new-view/街道内调动2.png')
  }
.tabsTab {
  height: 40px;

}

/deep/ .ivu-page-item {
  background: #efefef;
  color: #1d2236;
}

/deep/ .ivu-page-item-active {
  border: 1px solid #FFAB04;
  background: #FFFAE8;
}

/deep/ .ivu-page-item-active a {
  color: #FFAB04;
}


/deep/ .ivu-upload-drag {
  border: 0;
}

.container {
  overflow-x: hidden;
  height: 240px;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 10px;
  border-radius: 0 5px 5px 5px;
  background: #f8f8f8;
  border: 1px solid #f8f8f8;
}

.tabsTab .lang {

}

.tabsTab .name {
  background: #efefef;
  border: 1px solid #fff;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skew(30deg);
  height: 100%;
}


.tabsTab .name .text2 {
  transform: skew(-30deg);
  text-align: center;
}

.tabsTab .name .img {
  margin-right: 10px;
  transform: skew(-30deg);
  width: 14px;
  height: 14px;
}


.active {
  height: 50px;
  display: flex;
  align-items: center;
}

.active .lang {
  height: 100%;
  background: #F8F8F8;
  width: 58px;
  margin-left: -20px;
  transform: skew(-30deg);
}

.active .name {
  margin-left: -30px;
  height: 100%;
  background: #F8F8F8;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skew(30deg);

}

.active .name .text2 {
  transform: skew(-30deg);
  text-align: center;
}

.active .name .img {
  margin-right: 10px;
  transform: skew(-30deg);
  width: 14px;
  height: 14px;
}

.tabs {
  height: 50px;
  position: relative;
}

.mk {
  position: absolute;
  height: 40px;
  width: 30px;
  top: 10px;
  background: #efefef;
  border: 1px solid #fff;
  left: 0;
  z-index: 0;

}


.mk-active {
  position: absolute;
  height: 50px;
  width: 30px;
  background: #f8f8f8;
  left: 0;
  z-index: 0;
}

.tabsList {
  left: 15px;
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: flex-end;
}

.card_style {
  height: 100%;
  width: 100%;
  overflow: hidden;

  .ivu-card-body {
    padding: 0px;
  }
}

/deep/ .ivu-modal-header {
  border: 0 !important;
}

/deep/ .ivu-modal-footer {
  border: 0 !important;
  padding-left: 30px;
  padding-bottom: 30px;
}

/deep/ .ivu-modal-body {
  padding: 6px 30px 0;
}

.img {
  width: 14px;
  height: 14px;
  margin-right: 11px;
}

.tableButton {
  background: transparent;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: #1a5fff;
  border: 0;
}

.page_style {
  margin-top: 30px;
  text-align: right;
  display: flex;
  justify-content: center;
}

.ivu-page-item-active {
  border: 1px solid #FFAB04;
  background: #FFFAE8;
}

.ivu-page-item-active a {
  color: #FFAB04;
}

.bench_search {
  margin-bottom: 10px;
}

.nopadding .ivu-table-cell {
  padding: 0px 0px;
}

.b1 {
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: #fff;
  height: 32px;
  border-radius: 5px;
  background: #b40001;
  border: 1px solid #b40001;
  margin-right: 10px;
}
.b5 {
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: #fff;
  height: 32px;
  width: 64px;
  border-radius: 5px;
  background: #b40001;
  border: 1px solid #b40001;
  margin-right: 10px;
}
.b2 {
  margin-right: 10px;
  height: 32px;
  width: 64px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #b40001;
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: #b40001;
}

.b3 {
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: #fff;
  height: 32px;
  border-radius: 5px;
  border: 1px solid #ff3704;
  padding: 0 16px;
  margin-right: 10px;
  background: #ff3704;
}

.item1 {
  height: 42px;
  line-height: 40px;
}

.marginR2 {
  margin-right: 2%;
}

.fontsize20 {
  font-size: 20px;
}

.fontTitle {
  font-size: 20px;
  height: 52px;
  text-align: right;
  padding-top: 16px;
  // vertical-align: bottom;
}

.fontContent {
  font-size: 20px;
  height: 52px;
  text-align: left;
  padding-top: 16px;
  color: #dc9387;
  // vertical-align: bottom;
}

.countNum {
  font-size: 35px;
  color: #dc9387;
}

.new-btn-sty {
  margin-right: 5px;
  color: #fff;
  background-color: #235CA7;
  border-color: #235CA7;
  font-weight: 500;
}

.new-btn-sty1 {
  margin-right: 5px;
  color: #fff;
  background-color: #598ED1;
  border-color: #598ED1;
  font-weight: 500;
}

.text-overflow {
  width: 300px; /* 超过宽度就显示... */
  text-overflow: ellipsis; /* 显示... */
  overflow: hidden; /* 隐藏文字 */
  white-space: nowrap; /* 不换行 */
  cursor: pointer; /* hover显示手形 */
}

.search-info-style {
  margin-top: 10px;
}

.table-input {
  border: #312e2e solid 1px;
  border-left: 0px;
  border-right: 0px;
  line-height: 50px;
}

.table-col {
  border: #312e2e solid 1px;
  line-height: 50px;
}

.top {
  border-radius: 5px;
  background: #f8f8f8;
  padding: 15px;
  margin-bottom: 20px !important;
}

/deep/ .top .ivu-form-item-label {
  width: 100% !important;
  text-align: left !important;
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  color: #161616;
}

/deep/ .ivu-table-header .ivu-table-column-center {
  font-family: "PingFang SC Bold";
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  color: #161616;
  background: #EFEFEF;
  height: 40px;
}

/deep/ .ivu-table-fixed-header .ivu-table-column-center {
  font-family: "PingFang SC Bold";
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  color: #161616;
  background: #EFEFEF;
  height: 40px;
}
/deep/ .ivu-table-border td {
  font-size: 12px;
}
/deep/ .ivu-btn:focus {
  box-shadow: none;
}
/deep/ .ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: #b40001;
    background-color: #b40001;
}
.ivu-form-item {
  margin-bottom: 5px;
}
</style>
<template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
  <div style="border-radius: 10px;background: #fff;padding: 20px">
    <div class="top">
      <Form>
        <Row :gutter="8">
          <Col span="4">
            <FormItem label="姓名：">
              <Input style="width: 100%;" v-model="searchInfo.CPBI003"/>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="身份证号：">
              <Input style="width: 100%;" v-model="searchInfo.CPBI002"/>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="性别：">
              <Select v-model="searchInfo.CPBI005" clearable filterable transfer="" style="width: 100%;">
                <Option :value="'0'">男</Option>
                <Option :value="'1'">女</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="年龄：">
              <Row>
                <Col span="11">
                  <Input style="width: 100%;" v-model="searchInfo.start_age"/>
                </Col>
                <Col span="2" style="text-align: center">
                  &#160;~&#160;
                </Col>
                <Col span="11">
                  <Input style="width: 100%;" v-model="searchInfo.end_age"/>
                </Col>
              </Row>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="超龄：">
              <Select v-model="searchInfo.isoverage" clearable filterable transfer="" style="width: 100%;">
                <Option :value="'Y'">是</Option>
                <Option :value="'N'">否</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="联系方式：">
              <Input style="width: 100%;" v-model="searchInfo.CPBI013"/>
            </FormItem>
          </Col>
        </Row>
        <Row :gutter="8">
          <Col span="4" v-if="this.$store.state.user.severUserInfo.company_grade === '2'">
            <FormItem label="所在区县：">
              <Select v-model="searchInfo.CPWI023" filterable transfer="" clearable
                      @on-change="getMailList2(4,searchInfo.CPWI023)" style="width: 100%;">
                <Option :value="item.code" v-for="item in mailList1" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4"
               v-if="this.$store.state.user.severUserInfo.company_grade === '2' || this.$store.state.user.severUserInfo.company_grade === '3'">
            <FormItem label="所在街道：">
              <Select v-model="searchInfo.CPWI024" filterable transfer="" clearable
                      @on-change="getMailList2(5, searchInfo.CPWI024)" style="width: 100%;">
                <Option :value="item.code" v-for="item in mailList2" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="所在社区：">
              <Select v-model="searchInfo.CPWI025" filterable transfer="" clearable style="width: 100%;">
                <Option :value="item.code" v-for="item in mailList3" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="政治面貌：">
              <Select v-model="searchInfo.CPBI008" filterable clearable transfer="" style="width: 100%;">
                <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{
                    item.TYPENAME
                  }}
                </Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="任职情况：">
              <Select v-model="searchInfo.CPWI006" filterable clearable transfer="" style="width: 100%;">
                <Option :value="item.TYPECODE" v-for="item in dictList[1]" v-bind:key="item.TYPECODE">{{
                    item.TYPENAME
                  }}
                </Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="社工状态：">
              <Select v-model="searchInfo.CPBI018" clearable filterable transfer="" style="width: 100%;">
                <Option :value="item.TYPECODE" v-for="item in dictList[2]" v-bind:key="item.TYPECODE">{{
                    item.TYPENAME
                  }}
                </Option>
              </Select>
            </FormItem>
          </Col>
        </Row>
        <Row :gutter="8">
          <Col span="4">
            <FormItem label="社会工作师职业资格：">
              <Select v-model="searchInfo.CPWI002" clearable filterable transfer="" style="width: 100%;">
                <Option :value="item.TYPECODE" v-for="item in dictList[10]" v-bind:key="item.TYPECODE">{{
                    item.TYPENAME
                  }}
                </Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="是否退役士兵定向：">
              <Select v-model="searchInfo.CPBI009" clearable filterable transfer="" style="width: 100%;">
                <Option :value="'Y'">是</Option>
                <Option :value="'N'">否</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem label="是否军嫂定向：">
              <Select v-model="searchInfo.CPBI010" clearable filterable transfer="" style="width: 100%;">
                <Option :value="'Y'">是</Option>
                <Option :value="'N'">否</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="4">
            <FormItem>
              <template #label>
                <div>&nbsp;</div>
              </template>
              <Button class="b5" @click="findinit">
                查询
              </Button>
              <Button class="b2" @click="searchDatawork">
                重置
              </Button>
            </FormItem>
          </Col>
        </Row>
        <Row class="search-info-style">
          <Col span="20">
            <Button class="b2" @click="showPerson(1)">
              <img style="width: 15px;height: 10px;margin-right: 3px;margin-left:-6px;" src="@/assets/images/V2-new-view/查看.png"/>
              查看
            </Button>
            <Button class="b1" :loading="Excelloading" @click="importExcel()">
              <img style="width: 15px;height: 15px;margin-right: 8px;margin-top: -2px;"
                   src="@/assets/images/V2-new-view/导入图标.png"/>
              导出信息
            </Button>
            <Button class="b5" @click="showPerson(2)"><img
              style="width: 15px;height: 15px;margin-right: 3px;margin-top: -2px;margin-left:-6px;"
              src="@/assets/images/V2-new-view/编辑.png"/>
              编辑
            </Button>
            <!--        <Button type="primary" icon="md-add-circle" @click="exportStart">导出</Button>-->
            <Button class="b1" @click="addModal = true; familyInfoList = []; assessmentInfoList = []; sessionInfoList = [];
         addinfo = {}; fileUrlList = []; fileUrlList2 = []; fileUrlList3 = []"
                    v-if="(this.$store.state.user.severUserInfo.company_grade === '2' || this.$store.state.user.severUserInfo.company_grade === '5') && !draft && recruit">
              <Icon type="success"/>
              录入
            </Button>
            <!--            v-if="draft && recruit"-->
            <Button v-if="draft && recruit" class="b3" @click="getDraft()">
              <Icon type="success"/>
              保存尚未提交
            </Button>
            <Button v-if="this.$store.state.user.severUserInfo.company_grade === '5' && recruit" class="b1"
                    @click="importExcel2">
              <Icon type="success"/>
              导入人员信息
            </Button>
            <Button v-if="this.$store.state.user.severUserInfo.company_grade === '5' && recruit" class="b1"
                    @click="excelTemplate">
              <Icon type="success"/>
              下载模板
            </Button>
          </Col>

        </Row>
      </Form>
    </div>
    <Row>
      <Col span="24">
        <Table border stripe size="large"
               :no-data-text="`<div style='text-align: center;'><img style='width: 160px;height: 190px;margin: 20px;' src='${require('@/assets/images/V2-new-view/icon-no-data.png')}' /></div>`"
               :columns="columns" :data="datalist" ref="personSelection"
               @on-selection-change="selectTable">
          <template slot="action" slot-scope="{ row }">
            <Dropdown trigger="hover" :transfer="true">
              <a href="javascript:void(0)" style="color:#1a5fff;" @click="handleOpen">
                操作
              </a>
              <!-- <Button class="tableButton">
                操作
              </Button> -->
              <DropdownMenu class="user-drop-div" slot="list">
                <DropdownItem class="user-drop-item-div1">
                  <div @click="selectDifference(row)">
                    <img src="" style="width:14px;height:14px;margin-right:11px;" /><span>历史信息</span>
                  </div>
                </DropdownItem>
                <DropdownItem class="user-drop-item-div2">
                  <div @click="setQrcode(row)">
                    <img src="" style="width:14px;height:14px;margin-right:11px;" /><span>生成二维码</span>
                  </div>
                </DropdownItem>
                <DropdownItem class="user-drop-item-div3" v-if="company_grade === '2' && row.examine == '11'">
                  <div @click="getTransfer(row,'1')">
                    <img src="" style="width:14px;height:14px;margin-right:11px;" /><span>市内调动</span>
                  </div>
                </DropdownItem>
                <DropdownItem class="user-drop-item-div4" v-if="row.examine != '12' && row.examine != '22' && row.examine != '21' && row.examine != '20' && company_grade < 4">
                  <div @click="deletePersonnel(row)">
                    <img src="" style="width:14px;height:14px;margin-right:11px;" /><span>注销</span>
                  </div>
                </DropdownItem>
                <DropdownItem class="user-drop-item-div5" v-if="row.examine != '11'">
                  <div @click="getView(row)">
                    <img src="" style="width:14px;height:14px;margin-right:11px;" /><span>流程跟踪</span>
                  </div>
                </DropdownItem>
                <DropdownItem class="user-drop-item-div6" v-if="company_grade === '5' && row.examine == '11'">
                  <div @click="transfer(row)">
                    <img src="" style="width:14px;height:14px;margin-right:11px;" /><span>发起调动</span>
                  </div>
                </DropdownItem>
                <DropdownItem class="user-drop-item-div7" v-if="company_grade === '3' && row.examine == '11'">
                  <div @click="getTransfer(row, '2')">
                    <img src="" style="width:14px;height:14px;margin-right:11px;" /><span>区内调动</span>
                  </div>
                </DropdownItem>
                <DropdownItem class="user-drop-item-div8" v-if="company_grade === '4' && row.examine == '11'">
                  <div @click="getTransfer(row, '3')">
                    <img src="" style="width:14px;height:14px;margin-right:11px;" /><span>街道内调动</span>
                  </div>
                </DropdownItem>
                <!-- <Row> -->
                  <!-- <Col span="24">
                    <Button class="table-action-btn" type="text"
                            @click="selectDifference(row)">
                      <img class="img" src="@/assets/images/V2-new-view/历史信息.png">
                      历史信息
                    </Button> -->
                  <!-- </Col> -->
                  <!-- <Col span="24">
                    <Button class="table-action-btn" type="text"
                            @click="setQrcode(row)">
                      <img class="img" src="@/assets/images/V2-new-view/生成二维码.png">生成二维码
                    </Button>
                  </Col> -->
                  <!-- <Col span="24"
                       v-if="company_grade === '2' && row.examine == '11'">
                    <Button class="table-action-btn" type="text"
                            @click="getTransfer(row,'1')">
                      <img class="img" src="@/assets/images/V2-new-view/调动.png">市内调动
                    </Button>
                  </Col> -->
                  <!-- <Col span="24"
                       v-if="row.examine != '12' && row.examine != '22' && row.examine != '21' && row.examine != '20' && company_grade < 4">
                    <Button class="table-action-btn" type="text"
                            @click="deletePersonnel(row)">
                      <img class="img" src="@/assets/images/V2-new-view/注销.png">注销
                    </Button>
                  </Col> -->
                  <!-- <Col span="24"
                       v-if="row.examine != '11'">
                    <Button class="table-action-btn" type="text"
                            @click="getView(row)">
                      <img class="img" src="@/assets/images/V2-new-view/流程跟踪.png">流程跟踪
                    </Button>
                  </Col> -->
                  <!-- <Col span="24"
                       v-if="company_grade === '5' && row.examine == '11'">
                    <Button class="table-action-btn" type="text"
                            @click="transfer(row)">
                      <img class="img" src="@/assets/images/V2-new-view/发起调动.png">发起调动
                    </Button>
                  </Col> -->
                  <!-- <Col span="24"
                       v-if="company_grade === '3' && row.examine == '11'">
                    <Button class="table-action-btn" type="text"
                            @click="getTransfer(row, '2')">
                      <img class="img" src="@/assets/images/V2-new-view/区内调动.png">区内调动
                    </Button>
                  </Col> -->
                  <!-- <Col span="24"
                       v-if="company_grade === '4' && row.examine == '11'">
                    <Button class="table-action-btn" type="text"
                            @click="getTransfer(row, '3')">
                      <img class="img" src="@/assets/images/V2-new-view/街道内调动.png">街道内调动
                    </Button>
                  </Col> -->
                <!-- </Row> -->
              </DropdownMenu>
            </Dropdown>
          </template>
        </Table>
        <Row v-if="searchInfo.loading1 == true">
          <Col class="demo-spin-col" span="8" offset="8">
            <Spin fix>
              <Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
              <div>数据正在加载</div>
            </Spin>
          </Col>
        </Row>
      </Col>
    </Row>
    <Page :total="searchInfo.totalnum" class="page_style" :current="searchInfo.currentPageNo"
          :page-size="searchInfo.currentPageSize" @on-change="changePageNo" show-total show-elevator show-sizer
          @on-page-size-change="changePagesize">
      <template>
        共 <span style="color: #FFAB04">{{ searchInfo.totalnum }}</span> 条
      </template>
    </Page>
    <Modal
      v-model="addModal"
      width="1000px"
      :closable="false">
      <template #header>
        <div style="display: flex;align-items: center;padding: 16px 15px 0 15px">
          <div style="  font-weight: 700;font-size: 14px; text-align: left;color: #b40001;">
            录入
          </div>
          <div style="margin-left: auto">
            <img @click="addModal=false"
                 src="@/assets/images/V2-new-view/resource_close.png"
                 style="margin-left:auto;width: 20px;height: 20px;">
          </div>
        </div>
      </template>
      <template #footer>
        <div style="display: flex;margin-top: 30px">
          <Button type="error"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #b40001;padding: 0"
                  @click="addOk">提交
          </Button>
          <Button type="primary"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #c9c9c9;border: #c9c9c9;color: #161616;"
                  @click="addDraft" class="close">保存
          </Button>
        </div>
      </template>
      <Form :label-width="155" label-position="right">
        <Row :gutter="15">
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem>
              <template #label>
                <div>姓名<span style="color: red">(必填)</span></div>
              </template>
              <Input v-model="addinfo.CPBI003" type="text" style="width: 100%"></Input>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem>
              <template #label>
                <div>身份证号<span style="color: red">(必填)</span></div>
              </template>
              <Input v-model="addinfo.CPBI002" type="text" style="width: 100%"></Input>
            </FormItem>
          </Col>
        </Row>
        <Row :gutter="15">
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem>
              <template #label>
                <div>性别<span style="color: red">(必填)</span></div>
              </template>
              <Select v-model="addinfo.CPBI005" filterable transfer="" style="width: 100%;">
                <Option :value="'0'">男</Option>
                <Option :value="'1'">女</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem>
              <template #label>
                <div>婚姻状况<span style="color: red">(必填)</span></div>
              </template>
              <Select v-model="addinfo.CPBI006" filterable transfer="" style="width:100%;">
                <Option :value="item.TYPECODE" v-for="item in dictList[3]" v-bind:key="item.TYPECODE">{{
                    item.TYPENAME
                  }}
                </Option>
              </Select>
            </FormItem>
          </Col>
        </Row>
        <Row :gutter="15">
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem>
              <template #label>
                <div>民族<span style="color: red">(必填)</span></div>
              </template>
              <Select v-model="addinfo.CPBI007" filterable transfer="" style="width: 100%;">
                <Option :value="item.TYPECODE" v-for="item in dictList[4]" v-bind:key="item.TYPECODE">{{
                    item.TYPENAME
                  }}
                </Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem>
              <template #label>
                <div>政治面貌<span style="color: red">(必填)</span></div>
              </template>
              <Select v-model="addinfo.CPBI008" filterable transfer="" style="width: 100%;">
                <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{
                    item.TYPENAME
                  }}
                </Option>
              </Select>
            </FormItem>
          </Col>
        </Row>
        <Row :gutter="15">
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem>
              <template #label>
                <div>是否退役士兵定向<span style="color: red">(必填)</span></div>
              </template>
              <Select v-model="addinfo.CPBI009" filterable transfer="" style="width: 100%;">
                <Option :value="'Y'">是</Option>
                <Option :value="'N'">否</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem>
              <template #label>
                <div>政治面貌<span style="color: red">(必填)</span></div>
              </template>
              <Select v-model="addinfo.CPBI010" filterable transfer="" style="width:100%;">
                <Option :value="'Y'">是</Option>
                <Option :value="'N'">否</Option>
              </Select>
            </FormItem>
          </Col>
        </Row>
        <Row :gutter="15">
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem>
              <template #label>
                <div>是否为低保或低保边缘户子女<span style="color: red">(必填)</span></div>
              </template>
              <Select v-model="addinfo.CPBI011" filterable transfer="" style="width:100%;">
                <Option :value="'Y'">是</Option>
                <Option :value="'N'">否</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem>
              <template #label>
                <div>户籍地址<span style="color: red">(必填)</span></div>
              </template>
              <Input v-model="addinfo.CPBI012" type="text" style="width: 100%"></Input>
            </FormItem>
          </Col>
        </Row>
        <Row :gutter="15">
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem>
              <template #label>
                <div>联系方式<span style="color: red">(必填)</span></div>
              </template>
              <Input v-model="addinfo.CPBI013" type="text" style="width: 100%"></Input>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem>
              <template #label>
                <div>家庭住址<span style="color: red">(必填)</span></div>
              </template>
              <Input v-model="addinfo.CPBI014" type="text" style="width:100%"></Input>
            </FormItem>
          </Col>
        </Row>
        <Row :gutter="15">
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem>
              <template #label>
                <div>免冠照片<span style="color: red">(必填)</span></div>
              </template>
              <Upload v-if="addinfo.files === undefined || fileUrlList.length < 0" multiple type="drag"
                      action="http://120.27.63.37:38081/api/ac/file/fileCommonService/upLoadFiles"
                      :before-upload="beforeUpload" style="">
                <div style="width: 230px;height: 105px;background: #f8f8f8;border: 1px solid #c9c9c9;">
                  <div
                    style="color: #ffab04;display: flex;align-items: center;justify-content: center;margin-top: 20px">
                    <img style="width: 14px;height: 14px;" src="@/assets/images/V2-new-view/img.png" alt="">上传照片
                  </div>
                  <div
                    style="font-weight: 400;font-size: 8px;text-align: center;color: #c9c9c9;transform: scale(0.7);white-space:nowrap;margin-left: -20px">
                    免冠照片, 最大为2M,最大像素为200 * 300(.jpg/.png)
                  </div>
                </div>
              </Upload>
              <div v-if="addinfo.files || fileUrlList.length > 0">
                <div style="float: left;width:85px " v-for="(item, index) in fileUrlList" :key="'index3'+index">
                  <img :src="item" :title="item" width="85px" height="105px"
                       style="color: #457eca; font-size: 14px;"></img>
                  <div>
                    <div
                      style="display: flex;align-items: center;justify-content: center;color: #ffab04;font-size: 12px;"
                      @click="addIMG1">
                      <img src="@/assets/images/V2-new-view/重新上传.png"
                           style="width: 14px;height: 14px;">重新上传
                    </div>
                  </div>
                </div>
              </div>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem>
              <template #label>
                <div>身份证正反上传<span style="color: red">(必填)</span></div>
              </template>
              <Row ::gutter="10" style="margin: 0">
                <Col span="12" style="padding-left: 0">
                  <Upload v-if="addinfo.files2 === undefined || fileUrlList2.length < 0" multiple type="drag"
                          action="http://120.27.63.37:38081/api/ac/file/fileCommonService/upLoadFiles"
                          :before-upload="beforeUpload2" style="width: 100%;float: left">
                    <div style="background: #f8f8f8;border: 1px solid #c9c9c9;height: 105px;">
                      <div
                        style="color: #ffab04;display: flex;align-items: center;justify-content: center;margin-top: 20px">
                        <img style="width: 14px;height: 14px;" src="@/assets/images/V2-new-view/img.png" alt="">上传正面
                      </div>
                      <div
                        style="font-weight: 400;font-size: 8px;text-align: center;color: #c9c9c9;transform: scale(0.7);white-space:nowrap;margin-left: -10px">
                        身份证正面照片,最大2m(.jpg-.png)
                      </div>
                    </div>
                  </Upload>
                  <div v-if="addinfo.files2 || fileUrlList2.length > 0">
                    <Row>
                      <Col span="24">
                        <div v-for="(item, index) in fileUrlList2" :key="index">
                          <img :src="item" :title="item"
                               style="width:100%;height: 105px;border-radius: 5px;background: #f8f8f8;border: 1px solid #c9c9c9;"></img>
                          <div
                            style="color: #ffab04;font-size: 12px;text-align: center"
                            @click="addIMG2">
                            <img src="@/assets/images/V2-new-view/重新上传.png"
                                 style="width: 14px;height: 14px;">重新上传
                          </div>
                        </div>
                      </Col>
                    </Row>
                  </div>
                </Col>
                <!--反面-->
                <Col span="12" style="padding-right: 0">
                  <Upload v-if="addinfo.files3 === undefined || fileUrlList3.length < 0" multiple type="drag"
                          action="http://120.27.63.37:38081/api/ac/file/fileCommonService/upLoadFiles"
                          :before-upload="beforeUpload3" style="width: 100%;float: left">
                    <div style="background: #f8f8f8;border: 1px solid #c9c9c9;height: 105px;">
                      <div
                        style="color: #ffab04;display: flex;align-items: center;justify-content: center;margin-top: 20px">
                        <img style="width: 14px;height: 14px;" src="@/assets/images/V2-new-view/img.png" alt="">上传反面
                      </div>
                      <div
                        style="font-weight: 400;font-size: 8px;text-align: center;color: #c9c9c9;transform: scale(0.7);white-space:nowrap;margin-left: -10px">
                        身份证反面照片,最大2m(.jpg-.png)
                      </div>
                    </div>
                  </Upload>
                  <div v-if="addinfo.files3 || fileUrlList3.length > 0">
                    <Row>
                      <Col span="24">
                        <div v-for="(item, index) in fileUrlList3" :key="index + '0'"
                        >
                          <img :src="item" :title="item"
                               style="width:100%;height: 105px;border-radius: 5px;background: #f8f8f8;border: 1px solid #c9c9c9;"></img>
                          <div
                            style="color: #ffab04;font-size: 12px;text-align: center"
                            @click="addIMG3">
                            <img src="@/assets/images/V2-new-view/重新上传.png"
                                 style="width: 14px;height: 14px;">重新上传
                          </div>
                        </div>
                      </Col>
                    </Row>
                  </div>
                </Col>
              </Row>
            </FormItem>
          </Col>
        </Row>
      </Form>
      <div style="width: 100%;">
        <div class="tabs">
          <div class="mk-active" v-show="active===0"></div>
          <div class="mk" v-show="active!==0"></div>
          <div class="tabsList">
            <div :class="active===index?'active':'tabsTab'"
                 v-for="(item,index) in tabsList"
                 :key="index"
                 @click="tabs(index)">
              <div class="lang" v-if="index!==0"></div>
              <div class="name"
                   :style="index===0?'margin-left: 0;border-left: 0;padding-left: 0;':(active===index?'padding-left: 0;':'')">
                <img class="img"
                     :src="active===index?item.active_img:item.tab_img"
                     alt=""/>
                <div class="text2">{{ item.name }}</div>
              </div>
            </div>
          </div>
        </div>
        <div class="container">
          <transition v-if="active===0" :name="loading?transition:''">
            <Form :label-width="100" label-position="right">
              <Row :gutter="15">
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>毕业院校<span style="color: red">(必填)</span></div>
                    </template>
                    <Input v-model="addinfo.CPEI002" type="text" style="width: 100%"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>所学专业<span style="color: red">(必填)</span></div>
                    </template>
                    <Input v-model="addinfo.CPEI003" type="text" style="width: 100%"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>最高学历<span style="color: red">(必填)</span></div>
                    </template>
                    <Select v-model="addinfo.CPEI004" filterable transfer=""
                            style="width:100%;">
                      <Option :value="item.TYPECODE" v-for="item in dictList[7]" v-bind:key="item.TYPECODE">{{
                          item.TYPENAME
                        }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>学位<span style="color: red">(必填)</span></div>
                    </template>
                    <Select v-model="addinfo.CPEI005" filterable transfer=""
                            style="width: 100%;">
                      <Option :value="item.TYPECODE" v-for="item in dictList[8]" v-bind:key="item.TYPECODE">{{
                          item.TYPENAME
                        }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>毕业时间<span style="color: red">(必填)</span></div>
                    </template>
                    <DatePicker type="date" v-model="addinfo.CPEI006" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
              </Row>
            </Form>
          </transition>
          <transition v-if="active===1" :name="loading?transition:''">
            <Row>
              <Col span="24">
                <Button class="b1" type="primary" @click="addFamily">添加</Button>
                <Button class="b2" type="primary" @click="delFamily">删除</Button>
              </Col>
              <Col span="24">
                <Table
                  :no-data-text="`<div style='text-align: center;'><img style='width: 160px;height: 190px;margin: 20px;' src='${require('@/assets/images/V2-new-view/icon-no-data.png')}' /></div>`"
                  border :columns="familyInfoTable" :data="familyInfoList" ref="familySelection2"
                  @on-selection-change="familySelection" style="margin-top: 10px">
                  <template slot-scope="{ row }" slot="CPFI002">
                    <Input v-model="row.CPFI002" type="text"></Input>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI003">
                    <Select v-model="row.CPFI003" transfer="">
                      <Option :value="item.TYPECODE" v-for="item in dictList[9]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI004">
                    <Input v-model="row.CPFI004" type="text"></Input>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI005">
                    <Input v-model="row.CPFI005" type="text"></Input>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI006">
                    <Select v-model="row.CPFI006" transfer="">
                      <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{
                          item.TYPENAME
                        }}
                      </Option>
                    </Select>
                  </template>
                  <template slot-scope="{ row, index }" slot="action1">
                    <Button class="b5" @click="confirm(row, index)">确认</Button>
                  </template>
                </Table>
              </Col>
            </Row>
          </transition>
          <transition v-if="active===2" :name="loading?transition:''">
            <Form :label-width="140" label-position="right">
              <Row :gutter="15">
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>社会工作师资格</div>
                    </template>
                    <Select v-model="addinfo.CPWI002" transfer=""
                            style="width: 100%;">
                      <Option :value="item.TYPECODE" v-for="item in dictList[10]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>工作师资格取得时间</div>
                    </template>
                    <DatePicker type="date" v-model="addinfo.CPWI003" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>所属市区<span style="color: red">(必填)</span></div>
                    </template>
                    <Select v-model="addinfo.CPWI023" filterable transfer="" clearable
                            @on-change="getMailList2(4,addinfo.CPWI023)" style="width: 100%;">
                      <Option :value="item.code" v-for="item in mailList1" v-bind:key="item.code">{{
                          item.name
                        }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>街道</div>
                    </template>
                    <Select v-model="addinfo.CPWI024" filterable transfer="" clearable
                            @on-change="getMailList2(5, addinfo.CPWI024)" style="width: 100%;">
                      <Option :value="item.code" v-for="item in mailList2" v-bind:key="item.code">{{
                          item.name
                        }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>社区<span style="color: red">(必填)</span></div>
                    </template>
                    <Select v-model="addinfo.CPWI025" filterable transfer="" clearable style="width: 100%;">
                      <Option :value="item.code" v-for="item in mailList3" v-bind:key="item.code">{{
                          item.name
                        }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>入职时间<span style="color: red">(必填)</span></div>
                    </template>
                    <DatePicker type="date" v-model="addinfo.CPWI001" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>任职情况<span style="color: red">(必填)</span></div>
                    </template>
                    <Select v-model="addinfo.CPWI006" style="width: 100%;">
                      <Option :value="item.TYPECODE" v-for="item in dictList[1]" v-bind:key="item.TYPECODE">{{
                          item.TYPENAME
                        }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>任职时间<span style="color: red">(必填)</span></div>
                    </template>
                    <DatePicker type="date" v-model="addinfo.CPWI007" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>党组织成员<span style="color: red">(必填)</span></div>
                    </template>
                    <Select v-model="addinfo.CPWI011" filterable transfer=""
                            style="width: 100%;">
                      <Option :value="'Y'">是</Option>
                      <Option :value="'N'">否</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>是否居委会成员</div>
                    </template>
                    <Select v-model="addinfo.CPWI012" filterable transfer=""
                            style="width: 100%;">
                      <Option :value="'Y'">是</Option>
                      <Option :value="'N'">否</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>笔试成绩<span style="color: red">(必填)</span></div>
                    </template>
                    <Input v-model="addinfo.CPWI008" type="text" style="width: 100%;"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>面试成绩<span style="color: red">(必填)</span></div>
                    </template>
                    <Input v-model="addinfo.CPWI009" type="text" style="width: 100%;"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>其他职业资格</div>
                    </template>
                    <Input v-model="addinfo.CPWI004" type="text" style="width: 100%;"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>继续教育情况</div>
                    </template>
                    <Input v-model="addinfo.CPWI015" type="text" style="width: 100%;"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>是否取得全科社工资格</div>
                    </template>
                    <Select v-model="addinfo.CPWI016" filterable transfer=""
                            style="width: 100%;">
                      <Option :value="'Y'">是</Option>
                      <Option :value="'N'">否</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>全科社工资格取得时间</div>
                    </template>
                    <DatePicker type="date" v-model="addinfo.CPWI005" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
                <Col span="24" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>社会保险缴费记录<span style="color: red">(必填)</span></div>
                    </template>
                    <CheckboxGroup v-model="addinfo.CPWI017">
                      <Checkbox label="01">养老保险</Checkbox>
                      <Checkbox label="02">医疗保险</Checkbox>
                      <Checkbox label="03">失业保险</Checkbox>
                      <Checkbox label="04">工伤保险</Checkbox>
                      <Checkbox label="05">生育保险</Checkbox>
                      <Checkbox label="06">住房公积金</Checkbox>
                    </CheckboxGroup>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>初次缴纳时间<span style="color: red">(必填)</span></div>
                    </template>
                    <DatePicker type="date" v-model="addinfo.CPWI018" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>是否有财政负担保险</div>
                    </template>
                    <Select v-model="addinfo.financial_burden" filterable transfer=""
                            style="width: 100%;">
                      <Option :value="'1'">是</Option>
                      <Option :value="'0'">否</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>其他财政负担保险<span style="color: red">(必填)</span></div>
                    </template>
                    <Input v-model="addinfo.other_financial_burden" type="text"
                           style="width: 100%;"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>是否连续缴纳<span style="color: red">(必填)</span></div>
                    </template>
                    <Select v-model="addinfo.CPWI019" filterable transfer=""
                            style="width: 100%;">
                      <Option :value="'Y'">是</Option>
                      <Option :value="'N'">否</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>接续缴纳时间</div>
                    </template>
                    <DatePicker type="date" v-model="addinfo.CPWI020" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>培训记录</div>
                    </template>
                    <Select v-model="addinfo.CPWI014" transfer=""
                            style="width: 100%;">
                      <Option :value="item.TYPECODE" v-for="item in dictList[11]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>综合评定</div>
                    </template>
                    <Select v-model="addinfo.CPWI013" filterable transfer=""
                            style="width: 100%;">
                      <Option :value="'10'">优秀</Option>
                      <Option :value="'20'">称职</Option>
                      <Option :value="'40'">不称职</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>离职时间</div>
                    </template>
                    <DatePicker type="date" v-model="addinfo.CPWI021" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
                <Col span="24" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>人员类型</div>
                    </template>
                    <CheckboxGroup v-model="addinfo.personnel_type">
                      <Checkbox label="1">村(社区)党组织成员</Checkbox>
                      <Checkbox label="2">村(居)委员会成员</Checkbox>
                      <Checkbox label="3">村(社区)专职人员</Checkbox>
                      <Checkbox label="4">乡镇(街道)派驻人员</Checkbox>
                      <Checkbox label="5">社区网格员</Checkbox>
                      <Checkbox label="6">社区公益岗位</Checkbox>
                      <Checkbox label="7">村(居)务监督委员会成员</Checkbox>
                      <Checkbox label="8">村(居)民小组长</Checkbox>
                      <Checkbox label="9">其他人员</Checkbox>
                    </CheckboxGroup>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>是否返聘</div>
                    </template>
                    <Select v-model="addinfo.back" filterable transfer="" style="width: 100%;">
                      <Option :value="'1'">是</Option>
                      <Option :value="'0'">否</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>返聘原因</div>
                    </template>
                    <Input v-model="addinfo.back_cause" type="text"
                           style="width: 100%;"></Input>
                  </FormItem>
                </Col>
              </Row>
            </Form>
          </transition>
          <transition v-if="active===3" :name="loading?transition:''">
            <div>
              <Button class="b1" type="primary" @click="addAssessment">添加</Button>
              <Button class="b2" type="primary" @click="delAssessment">删除</Button>
              <Col span="24">
                <Table border
                       :no-data-text="`<div style='text-align: center;'><img style='width: 160px;height: 190px;margin: 20px;' src='${require('@/assets/images/V2-new-view/icon-no-data.png')}' /></div>`"
                       :columns="assessmentInfoTable" :data="assessmentInfoList"
                       ref="assessmentSelection2" @on-selection-change="assessmentSelection()"
                       style="margin-top: 10px;">
                  <template slot-scope="{ row }" slot="CPKI001">
                    <Select disabled v-model="row.CPKI001" filterable transfer="">
                      <Option :value="item.TYPECODE" v-for="item in dictList[12]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </template>
                  <template slot-scope="{ row }" slot="CPKI002">
                    <DatePicker disabled type="date" v-model="row.CPKI002" :transfer=true></DatePicker>
                  </template>
                  <template slot-scope="{ row }" slot="CPKI003">
                    <Select disabled v-model="row.CPKI003" filterable transfer="">
                      <Option :value="item.TYPECODE" v-for="item in dictList[13]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </template>
                  <template slot-scope="{ row, index }" slot="action1">
                    <Button disabled type="primary" @click="confirm2(row, index)">确认</Button>
                  </template>
                </Table>
              </Col>
            </div>
          </transition>
          <transition v-if="active===4" :name="loading?transition:''">
            <Form :label-width="100" label-position="right">
              <Row :gutter="15">
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem label="劳动合同">
                    <Select v-model="addinfo.labor_contract" filterable transfer=""
                            style="width: 100%">
                      <Option :value="'0'">否</Option>
                      <Option :value="'1'">是</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem label="劳动合同甲方">
                    <Input v-model="addinfo.first_party" type="text"
                           style="width: 100%"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem label="其他甲方">
                    <Input v-model="addinfo.other_first_party" type="text"
                           style="width: 100%"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem label="劳动关系证明">
                    <Input v-model="addinfo.prove" type="text" style="width: 100%"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem label="其他证明">
                    <Input v-model="addinfo.other_prove" type="text" style="width: 100%"></Input>
                  </FormItem>
                </Col>
              </Row>
            </Form>
          </transition>
        </div>
      </div>
    </Modal>
    <Modal
      v-model="updateModal"
      width="1000px"
      :closable="false">
      <template #header>
        <div style="display: flex;align-items: center;padding: 16px 15px 0 15px">
          <div style="  font-weight: 700;font-size: 14px; text-align: left;color: #b40001;">
            编辑
          </div>
          <div style="margin-left: auto">
            <img @click="updateModal=false"
                 src="@/assets/images/V2-new-view/resource_close.png"
                 style="margin-left:auto;width: 20px;height: 20px;">
          </div>
        </div>
      </template>
      <template #footer>
        <div style="display: flex;margin-top: 30px">
          <Button type="error"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #b40001;padding: 0"
                  @click="updateOk">提交审核
          </Button>
          <Button type="primary"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #c9c9c9;border: #c9c9c9;color: #161616;"
                  @click="updateModal=false" class="close">取消
          </Button>
        </div>
      </template>
      <div style="width: 100%;">
        <Form :label-width="155" label-position="right">
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>唯一识别编号<span style="color: red">(必填)</span></div>
                </template>
                <Input disabled v-model="updateinfo.CPBI001" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>身份证号<span style="color: red">(必填)</span></div>
                </template>
                <Input disabled v-model="updateinfo.CPBI002" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>姓名<span style="color: red">(必填)</span></div>
                </template>
                <Input v-model="updateinfo.CPBI003" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>出生日期<span style="color: red">(必填)</span></div>
                </template>
                <Input v-model="updateinfo.CPBI004" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>性别<span style="color: red">(必填)</span></div>
                </template>
                <Select v-model="updateinfo.CPBI005" filterable transfer="" style="width: 100%;">
                  <Option :value="'0'">男</Option>
                  <Option :value="'1'">女</Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>婚姻状况<span style="color: red">(必填)</span></div>
                </template>
                <Select v-model="updateinfo.CPBI006" filterable transfer="" style="width:100%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[3]" v-bind:key="item.TYPECODE">{{
                      item.TYPENAME
                    }}
                  </Option>
                </Select>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>民族<span style="color: red">(必填)</span></div>
                </template>
                <Select v-model="updateinfo.CPBI007" filterable transfer="" style="width: 100%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[4]" v-bind:key="item.TYPECODE">{{
                      item.TYPENAME
                    }}
                  </Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>政治面貌<span style="color: red">(必填)</span></div>
                </template>
                <Select v-model="updateinfo.CPBI008" filterable transfer="" style="width: 100%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{
                      item.TYPENAME
                    }}
                  </Option>
                </Select>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>是否退役士兵定向<span style="color: red">(必填)</span></div>
                </template>
                <Select v-model="updateinfo.CPBI009" filterable transfer="" style="width: 100%;">
                  <Option :value="'Y'">是</Option>
                  <Option :value="'N'">否</Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>政治面貌<span style="color: red">(必填)</span></div>
                </template>
                <Select v-model="updateinfo.CPBI010" filterable transfer="" style="width:100%;">
                  <Option :value="'Y'">是</Option>
                  <Option :value="'N'">否</Option>
                </Select>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>是否为低保或低保边缘户子女<span style="color: red">(必填)</span></div>
                </template>
                <Select v-model="updateinfo.CPBI011" filterable transfer="" style="width:100%;">
                  <Option :value="'Y'">是</Option>
                  <Option :value="'N'">否</Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>户籍地址<span style="color: red">(必填)</span></div>
                </template>
                <Input v-model="updateinfo.CPBI012" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>联系方式<span style="color: red">(必填)</span></div>
                </template>
                <Input v-model="updateinfo.CPBI013" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>家庭住址<span style="color: red">(必填)</span></div>
                </template>
                <Input v-model="updateinfo.CPBI014" type="text" style="width:100%"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>免冠照片<span style="color: red">(必填)</span></div>
                </template>
                <Upload v-if="updateinfo.files === undefined || fileUrlList.length < 0" multiple type="drag"
                        action="http://120.27.63.37:38081/api/ac/file/fileCommonService/upLoadFiles"
                        :before-upload="beforeUpload" style="">
                  <!-- <Button icon="ios-cloud-upload-outline">上传附件</Button>
                  <span style="margin-left: 100px">请上传小于100M的文件（.jpg/.png/.ico/.pdf/.doc/.docx/.excel）</span> -->
                  <div style="width: 230px;height: 105px;background: #f8f8f8;border: 1px solid #c9c9c9;">
                    <div
                      style="color: #ffab04;display: flex;align-items: center;justify-content: center;margin-top: 20px">
                      <img style="width: 14px;height: 14px;" src="@/assets/images/V2-new-view/img.png" alt="">上传照片
                    </div>
                    <div
                      style="font-weight: 400;font-size: 8px;text-align: center;color: #c9c9c9;transform: scale(0.7);white-space:nowrap;margin-left: -20px">
                      免冠照片, 最大为2M,最大像素为200 * 300(.jpg/.png)
                    </div>
                  </div>
                </Upload>
                <div v-if="updateinfo.files || fileUrlList.length > 0">
                  <div style="float: left;width:85px " v-for="(item, index) in fileUrlList" :key="'index3'+index">
                    <img :src="item" :title="item" width="85px" height="105px"
                         style="color: #457eca; font-size: 14px;"></img>
                    <div>
                      <div
                        style="display: flex;align-items: center;justify-content: center;color: #ffab04;font-size: 12px;"
                        @click="addIMG1">
                        <img src="@/assets/images/V2-new-view/重新上传.png"
                             style="width: 14px;height: 14px;">重新上传
                      </div>
                    </div>
                  </div>
                </div>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>身份证正反上传<span style="color: red">(必填)</span></div>
                </template>
                <Upload v-if="updateinfo.files2 === undefined || fileUrlList2.length < 0" multiple type="drag"
                        action="http://120.27.63.37:38081/api/ac/file/fileCommonService/upLoadFiles"
                        :before-upload="beforeUpload2" style="width: 250px;float: left">
                  <!-- <Button icon="ios-cloud-upload-outline">上传附件</Button>
                  <span style="margin-left: 100px">请上传小于100M的文件（.jpg/.png/.ico/.pdf/.doc/.docx/.excel）</span> -->
                  <div style="padding: 40px 40px;">
                    <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
                    <p>身份证正面照片, 最大为2M(.jpg/.png)</p>
                  </div>
                </Upload>
                <Upload v-if="updateinfo.files3 === undefined || fileUrlList3.length < 0" multiple type="drag"
                        action="http://120.27.63.37:38081/api/ac/file/fileCommonService/upLoadFiles"
                        :before-upload="beforeUpload3" style="width: 250px;float: left">
                  <div style="padding: 40px 40px;">
                    <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
                    <p>身份证反面照片, 最大为2M(.jpg/.png)</p>
                  </div>
                </Upload>
                <div style="float: left">
                  <Row ::gutter="10">
                    <Col span="12" v-if="updateinfo.files2 || fileUrlList2.length > 0">
                      <div v-for="(item, index) in fileUrlList2" :key="index" style="float: left;">
                        <img :src="item" :title="item" width="100%" height="105px" style="float: left;"></img>
                        <div
                          style="color: #ffab04;font-size: 12px;text-align: center"
                          @click="addIMG2">
                          <img src="@/assets/images/V2-new-view/重新上传.png"
                               style="width: 14px;height: 14px;">重新上传
                        </div>
                      </div>
                    </Col>
                    <!--反面-->
                    <Col span="12" v-if="updateinfo.files3 || fileUrlList3.length > 0">
                      <div v-for="(item, index) in fileUrlList3" :key="index + '0'"
                           style="float: left;">
                        <img :src="item" :title="item" width="100%" height="105px" style="float: left;"></img>
                        <div
                          style="color: #ffab04;font-size: 12px;text-align: center"
                          @click="addIMG3">
                          <img src="@/assets/images/V2-new-view/重新上传.png"
                               style="width: 14px;height: 14px;">重新上传
                        </div>
                      </div>
                    </Col>
                  </Row>
                </div>
              </FormItem>
            </Col>
          </Row>
        </Form>
      </div>
      <div style="width: 100%;">
        <div class="tabs">
          <div class="mk-active" v-show="active===0"></div>
          <div class="mk" v-show="active!==0"></div>
          <div class="tabsList">
            <div :class="active===index?'active':'tabsTab'"
                 v-for="(item,index) in tabsList"
                 :key="index"
                 @click="tabs(index)">
              <div class="lang" v-if="index!==0"></div>
              <div class="name"
                   :style="index===0?'margin-left: 0;border-left: 0;padding-left: 0;':(active===index?'padding-left: 0;':'')">
                <img class="img"
                     :src="active===index?item.active_img:item.tab_img"
                     alt=""/>
                <div class="text2">{{ item.name }}</div>
              </div>
            </div>
          </div>
        </div>
        <div class="container">
          <transition v-if="active===0" :name="loading?transition:''">
            <Form :label-width="100" label-position="right">
              <Row :gutter="15">
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>毕业院校<span style="color: red">(必填)</span></div>
                    </template>
                    <Input v-model="updateinfo.CPEI002" type="text" style="width: 100%"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>所学专业<span style="color: red">(必填)</span></div>
                    </template>
                    <Input v-model="updateinfo.CPEI003" type="text" style="width: 100%"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>最高学历<span style="color: red">(必填)</span></div>
                    </template>
                    <Select v-model="updateinfo.CPEI004" filterable transfer=""
                            style="width:100%;">
                      <Option :value="item.TYPECODE" v-for="item in dictList[7]" v-bind:key="item.TYPECODE">{{
                          item.TYPENAME
                        }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>学位<span style="color: red">(必填)</span></div>
                    </template>
                    <Select v-model="updateinfo.CPEI005" filterable transfer=""
                            style="width: 100%;">
                      <Option :value="item.TYPECODE" v-for="item in dictList[8]" v-bind:key="item.TYPECODE">{{
                          item.TYPENAME
                        }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>毕业时间<span style="color: red">(必填)</span></div>
                    </template>
                    <DatePicker type="date" v-model="updateinfo.CPEI006" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
              </Row>
            </Form>
          </transition>
          <!-- 亲属信息 -->
          <transition v-if="active===1" :name="loading?transition:''">
            <Row>
              <Col span="24">
                <Button class="b1" type="primary" @click="addFamily">添加</Button>
                <Button class="b2" type="primary" @click="delFamily">删除</Button>
              </Col>
              <Col span="24">
                <Table
                  :no-data-text="`<div style='text-align: center;'><img style='width: 160px;height: 190px;margin: 20px;' src='${require('@/assets/images/V2-new-view/icon-no-data.png')}' /></div>`"
                  border :columns="familyInfoTable" :data="familyInfoList" ref="familySelection2"
                  @on-selection-change="familySelection" style="margin-top: 10px">
                  <template slot-scope="{ row }" slot="CPFI002">
                    <Input v-model="row.CPFI002" type="text"></Input>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI003">
                    <Select v-model="row.CPFI003" transfer="">
                      <Option :value="item.TYPECODE" v-for="item in dictList[9]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI004">
                    <Input v-model="row.CPFI004" type="text"></Input>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI005">
                    <Input v-model="row.CPFI005" type="text"></Input>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI006">
                    <Select v-model="row.CPFI006" transfer="">
                      <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{
                          item.TYPENAME
                        }}
                      </Option>
                    </Select>
                  </template>
                  <template slot-scope="{ row, index }" slot="action1">
                    <Button class="b5" @click="confirm(row, index)">确认</Button>
                  </template>
                </Table>
              </Col>
            </Row>
          </transition>
          <transition v-if="active===2" :name="loading?transition:''">
            <Form :label-width="140" label-position="right">
              <Row :gutter="15">
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>社会工作师资格</div>
                    </template>
                    <Select v-model="updateinfo.CPWI002" transfer=""
                            style="width: 100%;">
                      <Option :value="item.TYPECODE" v-for="item in dictList[10]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>工作师资格取得时间</div>
                    </template>
                    <DatePicker type="date" v-model="updateinfo.CPWI003" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>所属市区<span style="color: red">(必填)</span></div>
                    </template>
                    <Select v-model="updateinfo.CPWI023" disabled filterable transfer="" clearable
                            @on-change="getMailList2(4,updateinfo.CPWI023)" style="width: 100%;">
                      <Option :value="item.code" v-for="item in mailList1" v-bind:key="item.code">{{
                          item.name
                        }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>街道</div>
                    </template>
                    <Select v-model="updateinfo.CPWI024" disabled filterable transfer="" clearable
                            @on-change="getMailList2(5, updateinfo.CPWI024)" style="width: 100%;">
                      <Option :value="item.code" v-for="item in mailList2" v-bind:key="item.code">{{
                          item.name
                        }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>社区<span style="color: red">(必填)</span></div>
                    </template>
                    <Select v-model="updateinfo.CPWI025" disabled filterable transfer="" clearable style="width: 100%;">
                      <Option :value="item.code" v-for="item in mailList3" v-bind:key="item.code">{{
                          item.name
                        }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>入职时间<span style="color: red">(必填)</span></div>
                    </template>
                    <DatePicker disabled type="date" v-model="updateinfo.CPWI001" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>任职情况<span style="color: red">(必填)</span></div>
                    </template>
                    <Select v-model="updateinfo.CPWI006" style="width: 100%;">
                      <Option :value="item.TYPECODE" v-for="item in dictList[1]" v-bind:key="item.TYPECODE">{{
                          item.TYPENAME
                        }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>任职时间<span style="color: red">(必填)</span></div>
                    </template>
                    <DatePicker type="date" v-model="updateinfo.CPWI007" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>党组织成员<span style="color: red">(必填)</span></div>
                    </template>
                    <Select v-model="updateinfo.CPWI011" filterable transfer=""
                            style="width: 100%;">
                      <Option :value="'Y'">是</Option>
                      <Option :value="'N'">否</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>是否居委会成员</div>
                    </template>
                    <Select v-model="updateinfo.CPWI012" filterable transfer=""
                            style="width: 100%;">
                      <Option :value="'Y'">是</Option>
                      <Option :value="'N'">否</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>笔试成绩<span style="color: red">(必填)</span></div>
                    </template>
                    <Input v-model="updateinfo.CPWI008" type="text" style="width: 100%;"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>面试成绩<span style="color: red">(必填)</span></div>
                    </template>
                    <Input v-model="updateinfo.CPWI009" type="text" style="width: 100%;"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>其他职业资格</div>
                    </template>
                    <Input v-model="updateinfo.CPWI004" type="text" style="width: 100%;"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>继续教育情况</div>
                    </template>
                    <Input v-model="updateinfo.CPWI015" type="text" style="width: 100%;"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>是否取得全科社工资格</div>
                    </template>
                    <Select v-model="updateinfo.CPWI016" filterable transfer=""
                            style="width: 100%;">
                      <Option :value="'Y'">是</Option>
                      <Option :value="'N'">否</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>全科社工资格取得时间</div>
                    </template>
                    <DatePicker type="date" v-model="updateinfo.CPWI005" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
                <Col span="24" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>社会保险缴费记录<span style="color: red">(必填)</span></div>
                    </template>
                    <CheckboxGroup v-model="updateinfo.CPWI017">
                      <Checkbox label="01">养老保险</Checkbox>
                      <Checkbox label="02">医疗保险</Checkbox>
                      <Checkbox label="03">失业保险</Checkbox>
                      <Checkbox label="04">工伤保险</Checkbox>
                      <Checkbox label="05">生育保险</Checkbox>
                      <Checkbox label="06">住房公积金</Checkbox>
                    </CheckboxGroup>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>初次缴纳时间<span style="color: red">(必填)</span></div>
                    </template>
                    <DatePicker type="date" v-model="updateinfo.CPWI018" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>是否有财政负担保险</div>
                    </template>
                    <Select v-model="updateinfo.financial_burden" filterable transfer=""
                            style="width: 100%;">
                      <Option :value="'1'">是</Option>
                      <Option :value="'0'">否</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>其他财政负担保险<span style="color: red">(必填)</span></div>
                    </template>
                    <Input v-model="updateinfo.other_financial_burden" type="text"
                           style="width: 100%;"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>是否连续缴纳<span style="color: red">(必填)</span></div>
                    </template>
                    <Select v-model="updateinfo.CPWI019" filterable transfer=""
                            style="width: 100%;">
                      <Option :value="'Y'">是</Option>
                      <Option :value="'N'">否</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>接续缴纳时间</div>
                    </template>
                    <DatePicker type="date" v-model="updateinfo.CPWI020" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>培训记录</div>
                    </template>
                    <Select v-model="updateinfo.CPWI014" transfer=""
                            style="width: 100%;">
                      <Option :value="item.TYPECODE" v-for="item in dictList[11]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>综合评定</div>
                    </template>
                    <Select v-model="updateinfo.CPWI013" filterable transfer=""
                            style="width: 100%;">
                      <Option :value="'10'">优秀</Option>
                      <Option :value="'20'">称职</Option>
                      <Option :value="'40'">不称职</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>离职时间</div>
                    </template>
                    <DatePicker type="date" v-model="updateinfo.CPWI021" :transfer=true
                                style="width: 100%;"></DatePicker>
                  </FormItem>
                </Col>
                <Col span="24" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>人员类型</div>
                    </template>
                    <CheckboxGroup v-model="updateinfo.personnel_type">
                      <Checkbox label="1">村(社区)党组织成员</Checkbox>
                      <Checkbox label="2">村(居)委员会成员</Checkbox>
                      <Checkbox label="3">村(社区)专职人员</Checkbox>
                      <Checkbox label="4">乡镇(街道)派驻人员</Checkbox>
                      <Checkbox label="5">社区网格员</Checkbox>
                      <Checkbox label="6">社区公益岗位</Checkbox>
                      <Checkbox label="7">村(居)务监督委员会成员</Checkbox>
                      <Checkbox label="8">村(居)民小组长</Checkbox>
                      <Checkbox label="9">其他人员</Checkbox>
                    </CheckboxGroup>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>是否返聘</div>
                    </template>
                    <Select v-model="updateinfo.back" filterable transfer="" style="width: 100%;">
                      <Option :value="'1'">是</Option>
                      <Option :value="'0'">否</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem>
                    <template #label>
                      <div>返聘原因</div>
                    </template>
                    <Input v-model="updateinfo.back_cause" type="text"
                           style="width: 100%;"></Input>
                  </FormItem>
                </Col>
              </Row>
            </Form>
          </transition>
          <transition v-if="active===3" :name="loading?transition:''">
            <div>
              <Button class="b1" type="primary" @click="addAssessment">添加</Button>
              <Button class="b2" type="primary" @click="delAssessment">删除</Button>
              <Col span="24">
                <Table border
                       :no-data-text="`<div style='text-align: center;'><img style='width: 160px;height: 190px;margin: 20px;' src='${require('@/assets/images/V2-new-view/icon-no-data.png')}' /></div>`"
                       :columns="assessmentInfoTable" :data="assessmentInfoList"
                       ref="assessmentSelection2" @on-selection-change="assessmentSelection"
                       style="margin-top: 10px;">
                  <template slot-scope="{ row }" slot="CPKI001">
                    <Select v-model="row.CPKI001" transfer="">
                      <Option :value="item.TYPECODE" v-for="item in dictList[12]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </template>
                  <template slot-scope="{ row }" slot="CPKI002">
                    <DatePicker type="date" v-model="row.CPKI002" :transfer=true></DatePicker>
                  </template>
                  <template slot-scope="{ row }" slot="CPKI003">
                    <Select v-model="row.CPKI003" transfer="">
                      <Option :value="item.TYPECODE" v-for="item in dictList[13]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </template>
                  <template slot-scope="{ row, index }" slot="action1">
                    <Button class="b5" @click="confirm2(row, index)">确认</Button>
                  </template>
                </Table>
              </Col>
            </div>
          </transition>
          <transition v-if="active===4" :name="loading?transition:''">
            <Form :label-width="100" label-position="right">
              <Row :gutter="15">
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem label="劳动合同">
                    <Select v-model="updateinfo.labor_contract" filterable transfer=""
                            style="width: 100%">
                      <Option :value="'0'">否</Option>
                      <Option :value="'1'">是</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem label="劳动合同甲方">
                    <Input v-model="updateinfo.first_party" type="text"
                           style="width: 100%"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem label="其他甲方">
                    <Input v-model="updateinfo.other_first_party" type="text"
                           style="width: 100%"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem label="劳动关系证明">
                    <Input v-model="updateinfo.prove" type="text" style="width: 100%"></Input>
                  </FormItem>
                </Col>
                <Col span="12" style="margin-bottom: 10px;">
                  <FormItem label="其他证明">
                    <Input v-model="updateinfo.other_prove" type="text" style="width: 100%"></Input>
                  </FormItem>
                </Col>
              </Row>
            </Form>
          </transition>
        </div>
      </div>
    </Modal>
    <Modal
      v-model="showModal"
      :closable="false" width="1000px">
      <template #header>
        <div style="display: flex;align-items: center;padding: 16px 15px 0 15px">
          <div style="  font-weight: 700;font-size: 14px; text-align: left;color: #b40001;">
            查看
          </div>
          <div style="margin-left: auto">
            <img @click="showModal=false"
                 src="@/assets/images/V2-new-view/resource_close.png"
                 style="margin-left:auto;width: 20px;height: 20px;">
          </div>
        </div>
      </template>
      <template #footer>
        <div style="display: flex;margin-top: 30px">
          <Button type="error"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #b40001;"
                  @click="showModal=true">确定
          </Button>
          <Button type="primary"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #c9c9c9;border: #c9c9c9;color: #161616;"
                  @click="showModal=false" class="close">取消
          </Button>
        </div>
      </template>
      <div style="width: 100%;">
        <Form :label-width="155" label-position="right">
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>唯一识别编号<span style="color: red">(必填)</span></div>
                </template>
                <Input disabled v-model="showinfo.CPBI001" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>身份证号<span style="color: red">(必填)</span></div>
                </template>
                <Input disabled v-model="showinfo.CPBI002" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>姓名<span style="color: red">(必填)</span></div>
                </template>
                <Input disabled v-model="showinfo.CPBI003" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>出生日期<span style="color: red">(必填)</span></div>
                </template>
                <Input :disabled="true" v-model="showinfo.CPBI004" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>性别<span style="color: red">(必填)</span></div>
                </template>
                <Select :disabled="true" v-model="showinfo.CPBI005" filterable transfer=""
                        style="width: 100%;">
                  <Option :value="'0'">男</Option>
                  <Option :value="'1'">女</Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>婚姻状况<span style="color: red">(必填)</span></div>
                </template>
                <Select :disabled="true" v-model="showinfo.CPBI006" filterable transfer=""
                        style="width: 100%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[3]" v-bind:key="item.TYPECODE">{{
                      item.TYPENAME
                    }}
                  </Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>民族<span style="color: red">(必填)</span></div>
                </template>
                <Select :disabled="true" v-model="showinfo.CPBI007" filterable transfer=""
                        style="width: 100%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[4]" v-bind:key="item.TYPECODE">{{
                      item.TYPENAME
                    }}
                  </Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>政治面貌<span style="color: red">(必填)</span></div>
                </template>
                <Select :disabled="true" v-model="showinfo.CPBI008" filterable transfer=""
                        style="width: 100%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{
                      item.TYPENAME
                    }}
                  </Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>是否退役士兵定向<span style="color: red">(必填)</span></div>
                </template>
                <Select :disabled="true" v-model="showinfo.CPBI009" filterable transfer="" style="width:100%;">
                  <Option :value="'Y'">是</Option>
                  <Option :value="'N'">否</Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>是否军嫂定向<span style="color: red">(必填)</span></div>
                </template>
                <Select :disabled="true" v-model="showinfo.CPBI010" filterable transfer="" style="width:100%;">
                  <Option :value="'Y'">是</Option>
                  <Option :value="'N'">否</Option>
                </Select>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>是否为低保或低保边缘户子女<span style="color: red">(必填)</span></div>
                </template>
                <!-- <template #label>
                  <div style="display: flex;align-items: center;justify-content: end">
                    <div style="width:100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">是否为低保或低保边缘户子女
                    </div>
                    <span style="color: red">(必填)</span></div>
                </template> -->
                <Select :disabled="true" v-model="showinfo.CPBI011" filterable transfer=""
                        style="width: 100%;">
                  <Option :value="'Y'">是</Option>
                  <Option :value="'N'">否</Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>户籍地址<span style="color: red">(必填)</span></div>
                </template>
                <Input :disabled="true" v-model="showinfo.CPBI012" type="text" style="width:100%"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row :gutter="15">
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>联系方式<span style="color: red">(必填)</span></div>
                </template>
                <Input :disabled="true" v-model="showinfo.CPBI013" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>家庭住址<span style="color: red">(必填)</span></div>
                </template>
                <Input :disabled="true" v-model="showinfo.CPBI014" type="text" style="width: 100%"></Input>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>免冠照片<span style="color: red">(必填)</span></div>
                </template>
                <div v-for="(item, index) in fileUrlList" :key="index">
                  <img :src="item" :title="item" width="85px" height="100px"
                       style="color: #457eca; font-size: 14px;"></img>
                </div>
              </FormItem>
            </Col>
            <Col span="12" style="margin-bottom: 10px;">
              <FormItem>
                <template #label>
                  <div>身份证正反上传<span style="color: red">(必填)</span></div>
                </template>
                <div v-for="(item, index) in fileUrlList2" :key="index" style="float: left; margin-right: 10px">
                  <img :src="item" :title="item" width="148px" height="105px"
                       style="color: #457eca; font-size: 14px;"></img>
                </div>
                <div v-for="(item, index) in fileUrlList3" :key="index + '0'" style="float: left">
                  <img :src="item" :title="item" width="148px" height="105px"
                       style="color: #457eca; font-size: 14px;"></img>
                </div>
              </FormItem>
            </Col>
          </Row>
        </Form>
      </div>

      <div class="tabs">
        <div class="mk-active" v-show="active===0"></div>
        <div class="mk" v-show="active!==0"></div>
        <div class="tabsList">
          <div :class="active===index?'active':'tabsTab'"
               v-for="(item,index) in tabsList"
               :key="index"
               @click="tabs(index)">
            <div class="lang" v-if="index!==0"></div>
            <div class="name"
                 :style="index===0?'margin-left: 0;border-left: 0;padding-left: 0;':(active===index?'padding-left: 0;':'')">
              <img class="img"
                   :src="active===index?item.active_img:item.tab_img"
                   alt=""/>
              <div class="text2">{{ item.name }}</div>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <transition v-if="active===0" :name="loading?transition:''">
          <Form :label-width="100" label-position="right">
            <Row :gutter="15">
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>毕业院校<span style="color: red">(必填)</span></div>
                  </template>
                  <Input :disabled="true" v-model="showinfo.CPEI002" type="text" style="width: 100%"></Input>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>所学专业<span style="color: red">(必填)</span></div>
                  </template>
                  <Input :disabled="true" v-model="showinfo.CPEI003" type="text" style="width: 100%"></Input>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>最高学历<span style="color: red">(必填)</span></div>
                  </template>
                  <Select :disabled="true" v-model="showinfo.CPEI004" transfer=""
                          style="width:100%;">
                    <Option :value="item.TYPECODE" v-for="item in dictList[7]" v-bind:key="item.TYPECODE">
                      {{ item.TYPENAME }}
                    </Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>学位<span style="color: red">(必填)</span></div>
                  </template>
                  <Select :disabled="true" v-model="showinfo.CPEI005" transfer=""
                          style="width: 100%;">
                    <Option :value="item.TYPECODE" v-for="item in dictList[8]" v-bind:key="item.TYPECODE">
                      {{ item.TYPENAME }}
                    </Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>毕业时间<span style="color: red">(必填)</span></div>
                  </template>
                  <DatePicker :disabled="true" type="date" v-model="showinfo.CPEI006" :transfer=true
                              style="width: 100%;"></DatePicker>
                </FormItem>
              </Col>
            </Row>
          </Form>
        </transition>
        <transition v-if="active===1" :name="loading?transition:''">
          <Row>
            <!-- <Col span="24">
              <Button class="b1" type="primary" @click="addFamily">添加</Button>
              <Button class="b2" type="primary" @click="delFamily">删除</Button>
            </Col> -->
            <Col span="24">
              <Table
                :no-data-text="`<div style='text-align: center;'><img style='width: 160px;height: 190px;margin: 20px;' src='${require('@/assets/images/V2-new-view/icon-no-data.png')}' /></div>`"
                border :columns="familyInfoTable" :data="familyInfoList" ref="familySelection2"
                @on-selection-change="familySelection" style="margin-top: 10px">
                <template slot-scope="{ row }" slot="CPFI002">
                  <Input disabled v-model="row.CPFI002" type="text"></Input>
                </template>
                <template slot-scope="{ row }" slot="CPFI003">
                  <Select disabled v-model="row.CPFI003" transfer="">
                    <Option :value="item.TYPECODE" v-for="item in dictList[9]" v-bind:key="item.TYPECODE">
                      {{ item.TYPENAME }}
                    </Option>
                  </Select>
                </template>
                <template slot-scope="{ row }" slot="CPFI004">
                  <Input disabled v-model="row.CPFI004" type="text"></Input>
                </template>
                <template slot-scope="{ row }" slot="CPFI005">
                  <Input disabled v-model="row.CPFI005" type="text"></Input>
                </template>
                <template slot-scope="{ row }" slot="CPFI006">
                  <Select disabled v-model="row.CPFI006" transfer="">
                    <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">
                      {{ item.TYPENAME }}
                    </Option>
                  </Select>
                </template>
                <template slot-scope="{ row, index }" slot="action1">
                  <Button disabled type="primary" @click="confirm(row, index)">确认</Button>
                </template>
              </Table>
            </Col>
          </Row>
        </transition>
        <transition v-if="active===2" :name="loading?transition:''">
          <Form :label-width="140" label-position="right">
            <Row :gutter="15">
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>社会工作师资格</div>
                  </template>
                  <Select :disabled="true" v-model="showinfo.CPWI002" transfer=""
                          style="width: 100%;">
                    <Option :value="item.TYPECODE" v-for="item in dictList[10]" v-bind:key="item.TYPECODE">
                      {{ item.TYPENAME }}
                    </Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>工作师资格取得时间</div>
                  </template>
                  <DatePicker :disabled="true" type="date" v-model="showinfo.CPWI003" :transfer=true
                              style="width: 100%;"></DatePicker>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>所属市区<span style="color: red">(必填)</span></div>
                  </template>
                  <Select v-model="showinfo.CPWI023" disabled filterable transfer="" clearable
                          @on-change="getMailList2(4,showinfo.CPWI023)" style="width: 100%;">
                    <Option :value="item.code" v-for="item in mailList1" v-bind:key="item.code">{{ item.name }}</Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>街道</div>
                  </template>
                  <Select v-model="showinfo.CPWI024" disabled filterable transfer="" clearable
                          @on-change="getMailList2(5, showinfo.CPWI024)" style="width: 100%;">
                    <Option :value="item.code" v-for="item in mailList2" v-bind:key="item.code">{{ item.name }}</Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>社区<span style="color: red">(必填)</span></div>
                  </template>
                  <Select v-model="showinfo.CPWI025" disabled filterable transfer="" clearable style="width: 100%;">
                    <Option :value="item.code" v-for="item in mailList3" v-bind:key="item.code">{{ item.name }}</Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>入职时间<span style="color: red">(必填)</span></div>
                  </template>
                  <DatePicker disabled type="date" v-model="showinfo.CPWI001" :transfer=true
                              style="width: 100%;"></DatePicker>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>任职情况<span style="color: red">(必填)</span></div>
                  </template>
                  <Select :disabled="true" v-model="showinfo.CPWI006" style="width: 100%;">
                    <Option :value="item.TYPECODE" v-for="item in dictList[1]" v-bind:key="item.TYPECODE">
                      {{ item.TYPENAME }}
                    </Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>任职时间<span style="color: red">(必填)</span></div>
                  </template>
                  <DatePicker :disabled="true" type="date" v-model="showinfo.CPWI007" :transfer=true
                              style="width: 100%;"></DatePicker>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>党组织成员<span style="color: red">(必填)</span></div>
                  </template>
                  <Select :disabled="true" v-model="showinfo.CPWI011" filterable transfer=""
                          style="width: 100%;">
                    <Option :value="'Y'">是</Option>
                    <Option :value="'N'">否</Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>是否居委会成员</div>
                  </template>
                  <Select :disabled="true" v-model="showinfo.CPWI012" filterable transfer=""
                          style="width: 100%;">
                    <Option :value="'Y'">是</Option>
                    <Option :value="'N'">否</Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>笔试成绩<span style="color: red">(必填)</span></div>
                  </template>
                  <Input :disabled="true" v-model="showinfo.CPWI008" type="text" style="width: 100%;"></Input>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>面试成绩<span style="color: red">(必填)</span></div>
                  </template>
                  <Input :disabled="true" v-model="showinfo.CPWI009" type="text" style="width: 100%;"></Input>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>其他职业资格</div>
                  </template>
                  <Input :disabled="true" v-model="showinfo.CPWI004" type="text" style="width: 100%;"></Input>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>继续教育情况</div>
                  </template>
                  <Input :disabled="true" v-model="showinfo.CPWI015" type="text" style="width: 100%;"></Input>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>是否取得全科社工资格</div>
                  </template>
                  <Select :disabled="true" v-model="showinfo.CPWI016" filterable transfer=""
                          style="width: 100%;">
                    <Option :value="'Y'">是</Option>
                    <Option :value="'N'">否</Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>全科社工资格取得时间</div>
                  </template>
                  <DatePicker :disabled="true" type="date" v-model="showinfo.CPWI005" :transfer=true
                              style="width: 100%;"></DatePicker>
                </FormItem>
              </Col>
              <Col span="24" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>社会保险缴费记录<span style="color: red">(必填)</span></div>
                  </template>
                  <CheckboxGroup :disabled="true" v-model="showinfo.CPWI017">
                    <Checkbox label="01">养老保险</Checkbox>
                    <Checkbox label="02">医疗保险</Checkbox>
                    <Checkbox label="03">失业保险</Checkbox>
                    <Checkbox label="04">工伤保险</Checkbox>
                    <Checkbox label="05">生育保险</Checkbox>
                    <Checkbox label="06">住房公积金</Checkbox>
                  </CheckboxGroup>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>初次缴纳时间<span style="color: red">(必填)</span></div>
                  </template>
                  <DatePicker :disabled="true" type="date" v-model="showinfo.CPWI018" :transfer=true
                              style="width: 100%;"></DatePicker>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>是否有财政负担保险</div>
                  </template>
                  <Select :disabled="true" v-model="showinfo.financial_burden" filterable transfer=""
                          style="width: 100%;">
                    <Option :value="'1'">是</Option>
                    <Option :value="'0'">否</Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>其他财政负担保险<span style="color: red">(必填)</span></div>
                  </template>
                  <Input :disabled="true" v-model="showinfo.other_financial_burden" type="text"
                         style="width: 100%;"></Input>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>是否连续缴纳<span style="color: red">(必填)</span></div>
                  </template>
                  <Select :disabled="true" v-model="showinfo.CPWI019" filterable transfer=""
                          style="width: 100%;">
                    <Option :value="'Y'">是</Option>
                    <Option :value="'N'">否</Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>接续缴纳时间</div>
                  </template>
                  <DatePicker :disabled="true" type="date" v-model="showinfo.CPWI020" :transfer=true
                              style="width: 100%;"></DatePicker>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>培训记录</div>
                  </template>
                  <Select :disabled="true" v-model="showinfo.CPWI014" transfer=""
                          style="width: 100%;">
                    <Option :value="item.TYPECODE" v-for="item in dictList[11]" v-bind:key="item.TYPECODE">
                      {{ item.TYPENAME }}
                    </Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>综合评定</div>
                  </template>
                  <Select :disabled="true" v-model="showinfo.CPWI013" filterable transfer=""
                          style="width: 100%;">
                    <Option :value="'10'">优秀</Option>
                    <Option :value="'20'">称职</Option>
                    <Option :value="'40'">不称职</Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>离职时间</div>
                  </template>
                  <DatePicker :disabled="true" type="date" v-model="showinfo.CPWI021" :transfer=true
                              style="width: 100%;"></DatePicker>
                </FormItem>
              </Col>
              <Col span="24" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>人员类型</div>
                  </template>
                  <CheckboxGroup :disabled="true" v-model="showinfo.personnel_type">
                    <Checkbox label="1">村(社区)党组织成员</Checkbox>
                    <Checkbox label="2">村(居)委员会成员</Checkbox>
                    <Checkbox label="3">村(社区)专职人员</Checkbox>
                    <Checkbox label="4">乡镇(街道)派驻人员</Checkbox>
                    <Checkbox label="5">社区网格员</Checkbox>
                    <Checkbox label="6">社区公益岗位</Checkbox>
                    <Checkbox label="7">村(居)务监督委员会成员</Checkbox>
                    <Checkbox label="8">村(居)民小组长</Checkbox>
                    <Checkbox label="9">其他人员</Checkbox>
                  </CheckboxGroup>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>是否返聘</div>
                  </template>
                  <Select :disabled="true" v-model="showinfo.back" filterable transfer="" style="width: 100%;">
                    <Option :value="'1'">是</Option>
                    <Option :value="'0'">否</Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem>
                  <template #label>
                    <div>返聘原因</div>
                  </template>
                  <Input :disabled="true" v-model="showinfo.back_cause" type="text"
                         style="width: 100%;"></Input>
                </FormItem>
              </Col>
            </Row>
          </Form>
        </transition>
        <transition v-if="active===3" :name="loading?transition:''">
          <div>
            <Button class="b1" disabled type="primary" @click="addAssessment">添加</Button>
            <Button class="b2" disabled type="primary" @click="delAssessment">删除</Button>
            <Col span="24">
              <Table border
                     :no-data-text="`<div style='text-align: center;'><img style='width: 160px;height: 190px;margin: 20px;' src='${require('@/assets/images/V2-new-view/icon-no-data.png')}' /></div>`"
                     :columns="assessmentInfoTable" :data="assessmentInfoList"
                     ref="assessmentSelection2" @on-selection-change="assessmentSelection" style="margin-top: 10px;">
                <template slot-scope="{ row }" slot="CPKI001">
                  <Select disabled v-model="row.CPKI001" filterable transfer="">
                    <Option :value="item.TYPECODE" v-for="item in dictList[12]" v-bind:key="item.TYPECODE">
                      {{ item.TYPENAME }}
                    </Option>
                  </Select>
                </template>
                <template slot-scope="{ row }" slot="CPKI002">
                  <DatePicker disabled type="date" v-model="row.CPKI002" :transfer=true></DatePicker>
                </template>
                <template slot-scope="{ row }" slot="CPKI003">
                  <Select disabled v-model="row.CPKI003" filterable transfer="">
                    <Option :value="item.TYPECODE" v-for="item in dictList[13]" v-bind:key="item.TYPECODE">
                      {{ item.TYPENAME }}
                    </Option>
                  </Select>
                </template>
                <template slot-scope="{ row, index }" slot="action1">
                  <Button disabled type="primary" @click="confirm2(row, index)">确认</Button>
                </template>
              </Table>
            </Col>
          </div>
        </transition>
        <transition v-if="active===4" :name="loading?transition:''">
          <Form :label-width="100" label-position="right">
            <Row :gutter="15">
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem label="劳动合同">
                  <Select :disabled="true" v-model="showinfo.labor_contract" filterable transfer=""
                          style="width: 100%">
                    <Option :value="'0'">否</Option>
                    <Option :value="'1'">是</Option>
                  </Select>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem label="劳动合同甲方">
                  <Input :disabled="true" v-model="showinfo.first_party" type="text"
                         style="width: 100%"></Input>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem label="其他甲方">
                  <Input :disabled="true" v-model="showinfo.other_first_party" type="text"
                         style="width: 100%"></Input>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem label="劳动关系证明">
                  <Input :disabled="true" v-model="showinfo.prove" type="text" style="width: 100%"></Input>
                </FormItem>
              </Col>
              <Col span="12" style="margin-bottom: 10px;">
                <FormItem label="其他证明">
                  <Input :disabled="true" v-model="showinfo.other_prove" type="text" style="width: 100%"></Input>
                </FormItem>
              </Col>
            </Row>
          </Form>
        </transition>
      </div>
    </Modal>
    <Modal
      v-model="jdnddModal"
      title="街道内调动"
      width="35%"
      @on-ok="jdnddModalOk">
      <Row class="bench_search">
        <Col span="4" align="center">提交人员</Col>
        <Col span="8">
          <Input type="text" v-model="dcInfo.company_code"></Input>
        </Col>
        <Col span="4" align="center">审批人员</Col>
        <Col span="8">
          <Input type="text" v-model="dcInfo.put_place"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调动人员</Col>
        <Col span="8">
          <Input type="text" v-model="dcInfo.name"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调出街道</Col>
        <Col span="8">
          <Input type="text" v-model="dcInfo.out_placeName"></Input>
        </Col>
        <Col span="4" align="center">调入社区<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select v-model="dcInfo.out_place" filterable transfer="">
            <Option :value="item.code" v-for="item in mailList3" v-bind:key="item.code">{{ item.name }}</Option>
          </Select>
          <!--          <Select v-model="dcInfo.out_place">-->
          <!--            <Option v-for="(item, index) in communityList" :value="item.CPSR001" :key="index">{{ item.CPSR002 }}</Option>-->
          <!--          </Select>-->
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">审批流程</Col>
        <Col span="8">
          <Input type="text" v-model="dcInfo.event_typeName"></Input>
        </Col>
        <Col span="4" align="center">下个流程</Col>
        <Col span="8">
          <Input type="text" v-model="dcInfo.stateName"></Input>
        </Col>
      </Row>
    </Modal>

    <Modal
      v-model="kjdddModal"
      title="跨街道调动"
      width="35%"
      @on-ok="kjdddOk">
      <Row class="bench_search">
        <Col span="4" align="center">提交人员</Col>
        <Col span="8">
          <Input v-model="ddInfo.company_code" type="text"></Input>
        </Col>
        <Col span="4" align="center">审批人员</Col>
        <Col span="8">
          <Input v-model="ddInfo.put_place" type="text"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调动人员</Col>
        <Col span="8">
          <Input v-model="ddInfo.name" type="text"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调出街道</Col>
        <Col span="8">
          <Input v-model="ddInfo.out_placeName" type="text"></Input>
        </Col>
        <Col span="4" align="center">调入街道<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select v-model="ddInfo.put_place" filterable transfer="" clearable>
            <Option :value="item.code" v-for="item in mailList2" v-bind:key="item.code">{{ item.name }}</Option>
          </Select>
          <!--          <Select v-model="ddInfo.put_place">-->
          <!--            <Option :value="item.CPSR001" v-for="item in reginList[3]" v-bind:key="item.CPSR001">{{item.CPSR002}}</Option>-->
          <!--          </Select>-->
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">审批流程</Col>
        <Col span="8">
          <Input v-model="ddInfo.event_typeName" type="text" value="3"></Input>
        </Col>
        <Col span="4" align="center">下个流程</Col>
        <Col span="8">
          <Input v-model="ddInfo.stateName" type="text" value="1"></Input>
        </Col>
      </Row>
    </Modal>

    <Modal
      v-model="qnddModal"
      title="区内调动"
      width="35%"
      @on-ok="qnddModalOk">
      <Row class="bench_search">
        <Col span="4" align="center">提交人员</Col>
        <Col span="8">
          <Input type="text" v-model="dfInfo.company_code"></Input>
        </Col>
        <Col span="4" align="center">审批人员</Col>
        <Col span="8">
          <Input type="text" v-model="dfInfo.put_place"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调动人员</Col>
        <Col span="8">
          <Input type="text" v-model="dfInfo.name"></Input>
        </Col>
        <Col span="4" align="center">调出街道</Col>
        <Col span="8">
          <Input type="text" v-model="dfInfo.out_placeName"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调入街道<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select v-model="dfInfo.out_place1" filterable transfer="" clearable
                  @on-change="getMailList2(5, dfInfo.out_place1)">
            <Option :value="item.code" v-for="item in mailList2" v-bind:key="item.code">{{ item.name }}</Option>
          </Select>
          <!--          <Select v-model="dfInfo.out_place1" @on-change="changeList">-->
          <!--            <Option v-for="(item, index) in streatList" :value="item.CPSR001" :key="index">{{ item.CPSR002 }}</Option>-->
          <!--          </Select>-->
        </Col>
        <Col span="4" align="center">调入社区<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select v-model="dfInfo.out_place2" filterable transfer="" clearable>
            <Option :value="item.code" v-for="item in mailList3" v-bind:key="item.code">{{ item.name }}</Option>
          </Select>
          <!--          <Select v-model="dfInfo.out_place2">-->
          <!--            <Option v-for="(item, index) in communityList2" :value="item.CPSR001" :key="index">{{ item.CPSR002 }}</Option>-->
          <!--          </Select>-->
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">审批流程</Col>
        <Col span="8">
          <Input type="text" v-model="dfInfo.event_typeName"></Input>
        </Col>
        <Col span="4" align="center">下个流程</Col>
        <Col span="8">
          <Input type="text" v-model="dfInfo.stateName"></Input>
        </Col>
      </Row>
    </Modal>
    <Modal
      v-model="kqddModal"
      title="跨区调动"
      width="35%"
      @on-ok="kqddModalOk">
      <Row class="bench_search">
        <Col span="4" align="center">提交人员</Col>
        <Col span="8">
          <Input type="text" v-model="deInfo.company_code"></Input>
        </Col>
        <Col span="4" align="center">审批人员</Col>
        <Col span="8">
          <Input type="text" v-model="deInfo.put_place"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调动人员</Col>
        <Col span="8">
          <Input type="text" v-model="deInfo.name"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调出区县</Col>
        <Col span="8">
          <Input type="text" v-model="deInfo.out_placeName"></Input>
        </Col>
        <Col span="4" align="center">调入区县<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select v-model="deInfo.put_place" filterable transfer="" clearable
                  @on-change="getMailList2(4,deInfo.put_place)">
            <Option :value="item.code" v-for="item in mailList1" v-bind:key="item.code">{{ item.name }}</Option>
          </Select>
          <!--          <Select v-model="deInfo.put_place" @on-change="changeList0">-->
          <!--            <Option v-for="(item, index) in cityList0" :value="item.CPSR001" :key="index">{{ item.CPSR002 }}</Option>-->
          <!--          </Select>-->
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调入街道<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select v-model="deInfo.out_place1" filterable transfer="" clearable
                  @on-change="getMailList2(5,deInfo.out_place1)">
            <Option :value="item.code" v-for="item in mailList2" v-bind:key="item.code">{{ item.name }}</Option>
          </Select>
          <!--          <Select v-model="deInfo.out_place1" @on-change="changeList1">-->
          <!--            <Option v-for="(item, index) in cityList1" :value="item.CPSR001" :key="index">{{ item.CPSR002 }}</Option>-->
          <!--          </Select>-->
        </Col>
        <Col span="4" align="center">调入社区<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select v-model="deInfo.out_place2" filterable transfer="" clearable>
            <Option :value="item.code" v-for="item in mailList3" v-bind:key="item.code">{{ item.name }}</Option>
          </Select>
          <!--          <Select v-model="deInfo.out_place2">-->
          <!--            <Option v-for="(item, index) in cityList2" :value="item.CPSR001" :key="index">{{ item.CPSR002 }}</Option>-->
          <!--          </Select>-->
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">审批流程</Col>
        <Col span="8">
          <Input type="text" v-model="deInfo.event_typeName"></Input>
        </Col>
        <Col span="4" align="center">下个流程</Col>
        <Col span="8">
          <Input type="text" v-model="deInfo.stateName"></Input>
        </Col>
      </Row>
    </Modal>

    <Modal
      v-model="snddModal"
      title="市内调动"
      width="35%"
      @on-ok="snddModalOk">
      <Row class="bench_search">
        <Col span="4" align="center">提交人员</Col>
        <Col span="8">
          <Input type="text" v-model="deInfo.company_code"></Input>
        </Col>
        <Col span="4" align="center">审批人员</Col>
        <Col span="8">
          <Input type="text" disabled></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调动人员</Col>
        <Col span="8">
          <Input type="text" v-model="deInfo.name"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调出区县</Col>
        <Col span="8">
          <Input type="text" v-model="deInfo.out_placeName"></Input>
        </Col>
        <Col span="4" align="center">调入区县<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select v-model="deInfo.put_place" filterable transfer="" clearable
                  @on-change="getMailList2(4,deInfo.put_place)">
            <Option :value="item.code" v-for="item in mailList1" v-bind:key="item.code">{{ item.name }}</Option>
          </Select>
          <!--          <Select v-model="deInfo.put_place" @on-change="changeList0">-->
          <!--            <Option v-for="(item, index) in cityList0" :value="item.CPSR001" :key="index">{{ item.CPSR002 }}</Option>-->
          <!--          </Select>-->
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调入街道<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select v-model="deInfo.out_place1" filterable transfer="" clearable
                  @on-change="getMailList2(5, deInfo.out_place1)">
            <Option :value="item.code" v-for="item in mailList2" v-bind:key="item.code">{{ item.name }}</Option>
          </Select>
          <!--          <Select v-model="deInfo.out_place1" @on-change="changeList1">-->
          <!--            <Option v-for="(item, index) in cityList1" :value="item.CPSR001" :key="index">{{ item.CPSR002 }}</Option>-->
          <!--          </Select>-->
        </Col>
        <Col span="4" align="center">调入社区<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select v-model="deInfo.out_place2" filterable transfer="" clearable>
            <Option :value="item.code" v-for="item in mailList3" v-bind:key="item.code">{{ item.name }}</Option>
          </Select>
          <!--          <Select v-model="deInfo.out_place2">-->
          <!--            <Option v-for="(item, index) in cityList2" :value="item.CPSR001" :key="index">{{ item.CPSR002 }}</Option>-->
          <!--          </Select>-->
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">审批流程</Col>
        <Col span="8">
          <Input type="text" v-model="deInfo.event_typeName"></Input>
        </Col>
        <Col span="4" align="center">下个流程</Col>
        <Col span="8">
          <Input type="text" v-model="deInfo.stateName"></Input>
        </Col>
      </Row>
    </Modal>

    <Modal
      v-model="deleteModal"
      title="删除"
      @on-ok="deleteOk()">
      是否确认删除？
    </Modal>

    <Modal v-model="deleteModal" :closable="false" title="请选择注销原因" width="640px" cancel-text="关闭"
           @on-ok="ok222()" ok-text="确定">
      <template #header>
        <div style="display: flex;align-items: center;padding: 16px 15px 0 15px">
          <div style="  font-weight: 700;font-size: 14px; text-align: left;color: #b40001;">
            请选择注销原因
          </div>
          <div style="margin-left: auto">
            <img @click="deleteModal=false"
                 src="@/assets/images/V2-new-view/resource_close.png"
                 style="margin-left:auto;width: 20px;height: 20px;">
          </div>
        </div>
      </template>
      <template #footer>
        <div style="display: flex;margin-top: 30px">
          <Button type="error" style="width: 64px;height: 32px;border-radius: 5px;background: #b40001;"
                  @click="ok222()">确定
          </Button>
          <Button type="primary"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #c9c9c9;border: #c9c9c9;color: #161616;"
                  @click="deleteModal=false" class="close">取消
          </Button>
        </div>
      </template>
      <Row class="bench_search">
        <Col span="3" style="top: 6px;text-align: left" align="center">注销原因</Col>
        <Col span="21">
          <Select v-model="deleteData.cancellation" filterable transfer="" style="width: 100%;"
                  @on-change="changeCancellation(deleteData.cancellation)">
            <Option :value="item.TYPECODE" v-for="item in dictList[14]" v-bind:key="item.TYPECODE">{{ item.TYPENAME }}
            </Option>
          </Select>
        </Col>
      </Row>
      <Row v-if="deleteData.cancellation === '4'" class="bench_search">
        <Col span="4" style="top: 6px;" align="center">其他原因</Col>
        <Col span="8">
          <Input type="text" v-model="deleteData.cancellation_info" style="width: 100%;"></Input>
        </Col>
      </Row>
    </Modal>

    <Modal
      v-model="processModal"
      title="流程跟踪"
      :closable="false"
      width="80%">
      <template #header>
        <div style="display: flex;align-items: center;padding: 16px 15px 0 15px">
          <div style="  font-weight: 700;font-size: 14px; text-align: left;color: #b40001;">
            流程跟踪
          </div>
          <div style="margin-left: auto">
            <img @click="processModal=false"
                 src="@/assets/images/V2-new-view/resource_close.png"
                 style="margin-left:auto;width: 20px;height: 20px;">
          </div>
        </div>
      </template>
      <template #footer>
        <div style="display: flex;margin-top: 30px">
          <Button type="error" style="width: 64px;height: 32px;border-radius: 5px;background: #b40001;"
                  @click="processModal = false">确定
          </Button>
          <Button type="primary"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #c9c9c9;border: #c9c9c9;color: #161616;"
                  @click="processModal=false" class="close">取消
          </Button>
        </div>
      </template>
      <Row>
        <Col span="24">
          <Table border :columns="processColumns" :data="processlist" ref="personSelection" style="margin-top:10px;"
                 @on-selection-change="personSelection()">
            <template slot-scope="{ row }" slot="state">
              <span v-if="!row.state">无结点</span>
              <span v-if="row.state == '1'">调入地审批</span>
              <span v-if="row.state == '2'">区审批</span>
              <span v-if="row.state == '3'">街道审批</span>
              <span v-if="row.state == '4'">市审批</span>
            </template>
            <template slot-scope="{ row }" slot="result">
              <span v-if="row.result == '0' && row.state == '1'">街道驳回</span>
              <span v-if="row.result == '0' && row.state == '2'">区驳回</span>
              <span v-if="row.result == '1' && row.state == '1'">街道通过</span>
              <span v-if="row.result == '1' && row.state == '2' && row.event_type != '6'">街道通过已上报到区</span>
              <span v-if="row.result == '1' && row.state == '2' && row.event_type == '6'">其他区待审批</span>
              <span v-if="row.result == '00' && row.state == '2'">通过</span>
              <span v-if="row.result == '2' && row.state == '1'">街道待审批</span>
              <span v-if="row.result == '2' && row.state == '2'">区待审批</span>
              <span v-if="row.result == '3' && row.state == '2'">审批通过</span>
              <span v-if="!row.result">无审批人员</span>
            </template>
          </Table>
          <Row v-if="searchInfo.loading1 == true">
            <Col class="demo-spin-col" span="8" offset="8">
              <Spin fix>
                <Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
                <div>数据正在加载</div>
              </Spin>
            </Col>
          </Row>
        </Col>
      </Row>
    </Modal>

    <Modal v-model="transferModal" title="人员调动" width="640px" cancel-text="关闭"
           @on-ok="okTransfer()" :closable="false" @on-cancel="transferModal=false" ok-text="确定">
      <template #header>
        <div style="display: flex;align-items: center;padding: 16px 15px 0 15px">
          <div style="  font-weight: 700;font-size: 14px; text-align: left;color: #b40001;">
            人员调动
          </div>
          <div style="margin-left: auto">
            <img @click="transferModal=false"
                 src="@/assets/images/V2-new-view/resource_close.png"
                 style="margin-left:auto;width: 20px;height: 20px;">
          </div>
        </div>
      </template>
      <template #footer>
        <div style="display: flex;margin-top: 30px">
          <Button type="error" style="width: 64px;height: 32px;border-radius: 5px;background: #b40001;"
                  @click="okTransfer()">确定
          </Button>
          <Button type="primary"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #c9c9c9;border: #c9c9c9;color: #161616;"
                  @click="transferModal=false" class="close">取消
          </Button>
        </div>
      </template>
      <Form :label-width="71" label-position="left">
        <Row :gutter="15">
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem label="调出区县">
              <Select disabled v-model="transferInfo.out_city_code" filterable transfer="" clearable
                      @on-change="getMailList4(4,transferInfo.out_city_code)">
                <Option :value="item.code" v-for="item in mailList5" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem label="调出街道">
              <Select disabled v-model="transferInfo.out_street_code" filterable transfer="" clearable
                      @on-change="getMailList4(5, transferInfo.out_street_code)">
                <Option :value="item.code" v-for="item in mailList6" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem label="调出社区">
              <Select disabled v-model="transferInfo.out_community_code" filterable transfer="" clearable>
                <Option :value="item.code" v-for="item in mailList7" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem label="姓名">
              <Input disabled type="text" v-model="transferInfo.CPBI003"></Input>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem label="调入区县">
              <Select v-model="transferInfo.put_city_code" filterable transfer="" clearable
                      @on-change="getMailList2(4,transferInfo.put_city_code)">
                <Option :value="item.code" v-for="item in mailList1" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem label="调入街道">
              <Select v-model="transferInfo.put_street_code" filterable transfer="" clearable
                      @on-change="getMailList2(5, transferInfo.put_street_code)">
                <Option :value="item.code" v-for="item in mailList2" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem label="调入社区">
              <Select v-model="transferInfo.put_community_code" filterable transfer="" clearable>
                <Option :value="item.code" v-for="item in mailList3" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
        </Row>
      </Form>
    </Modal>
    <Modal v-model="flowEdit" :closable="false" width="640px" title="流程跟踪" @on-ok="OK111">
      <template #header>
        <div style="display: flex;align-items: center;padding: 16px 15px 0 15px">
          <div style="  font-weight: 700;font-size: 14px; text-align: left;color: #b40001;">
            流程跟踪
          </div>
          <div style="margin-left: auto">
            <img @click="flowEdit=false"
                 src="@/assets/images/V2-new-view/resource_close.png"
                 style="margin-left:auto;width: 20px;height: 20px;">
          </div>
        </div>
      </template>
      <template #footer>
        <div style="display: flex;margin-top: 30px">
          <Button type="error" style="width: 64px;height: 32px;border-radius: 5px;background: #b40001;"
                  @click="OK111">确定
          </Button>
          <Button type="primary"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #c9c9c9;border: #c9c9c9;color: #161616;"
                  @click="flowEdit=false" class="close">取消
          </Button>
        </div>
      </template>
      <div>
        <Steps :current="item.index" direction="vertical" v-for="(item,index) in flowList" v-bind:key="item.index">
          <Step icon="ios-arrow-dropright" :title="item.operating_status" :content="item.approval_name"></Step>
        </Steps>
      </div>
    </Modal>
    <Modal v-model="transferModal2" title="人员调动" :closable="false" width="640px" cancel-text="关闭"
           @on-ok="okTransfer2()" @on-cancel="transferModal2=false" ok-text="确定">
      <template #header>
        <div style="display: flex;align-items: center;padding: 16px 15px 0 15px">
          <div style="  font-weight: 700;font-size: 14px; text-align: left;color: #b40001;">
            人员调动
          </div>
          <div style="margin-left: auto">
            <img @click="transferModal2=false"
                 src="@/assets/images/V2-new-view/resource_close.png"
                 style="margin-left:auto;width: 20px;height: 20px;">
          </div>
        </div>
      </template>
      <template #footer>
        <div style="display: flex;margin-top: 30px">
          <Button type="error" style="width: 64px;height: 32px;border-radius: 5px;background: #b40001;"
                  @click="okTransfer2()">确定
          </Button>
          <Button type="primary"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #c9c9c9;border: #c9c9c9;color: #161616;"
                  @click="transferModal2=false" class="close">取消
          </Button>
        </div>
      </template>
      <Form :label-width="71" label-position="left">
        <Row :gutter="15">
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem label="调出区县">
              <Select disabled v-model="transferInfo.out_city_code" filterable transfer="" clearable
                      @on-change="getMailList4(4,transferInfo.out_city_code)">
                <Option :value="item.code" v-for="item in mailList5" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem label="调出街道">
              <Select disabled v-model="transferInfo.out_street_code" filterable transfer="" clearable
                      @on-change="getMailList4(5, transferInfo.out_street_code)">
                <Option :value="item.code" v-for="item in mailList6" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem label="调出社区">
              <Select disabled v-model="transferInfo.out_community_code" filterable transfer="" clearable>
                <Option :value="item.code" v-for="item in mailList7" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem label="姓名">
              <Input disabled type="text" v-model="transferInfo.CPBI003"></Input>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem label="调入区县">
              <Select v-if="status" v-model="transferInfo.put_city_code" filterable transfer="" clearable
                      @on-change="getMailList2(4,transferInfo.put_city_code)">
                <Option :value="item.code" v-for="item in mailList1" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
              <Select v-if="!status" disabled v-model="transferInfo.put_city_code" filterable transfer="" clearable
                      @on-change="getMailList2(4,transferInfo.put_city_code)">
                <Option :value="item.code" v-for="item in mailList1" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem label="调入街道">
              <Select v-if="status2" v-model="transferInfo.put_street_code" filterable transfer="" clearable
                      @on-change="getMailList2(5, transferInfo.put_street_code)">
                <Option :value="item.code" v-for="item in mailList2" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
              <Select v-if="!status2" disabled v-model="transferInfo.put_street_code" filterable transfer="" clearable
                      @on-change="getMailList2(5, transferInfo.put_street_code)">
                <Option :value="item.code" v-for="item in mailList2" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px;">
            <FormItem label="调入社区">
              <Select v-model="transferInfo.put_community_code" filterable transfer="" clearable>
                <Option :value="item.code" v-for="item in mailList3" v-bind:key="item.code">{{ item.name }}</Option>
              </Select>
            </FormItem>
          </Col>
        </Row>
      </Form>
    </Modal>
    <Modal v-model="errorModel" title="提示" @on-ok="addModal = true" @on-cancel="addModal = true">
      <div style="text-align: center; font-size: 20px;font-weight: 600;">
        <span>人员信息填写不全，请完善信息后添加</span>
      </div>
    </Modal>
    <Modal v-model="errorModel2" title="提示" @on-ok="updateModal = true" @on-cancel="updateModal = true">
      <div style="text-align: center; font-size: 20px;font-weight: 600;">
        <span>人员信息填写不全，请完善信息后添加</span>
      </div>
    </Modal>
    <!-- 生成工作者二维码 -->
    <Modal v-model="qrcodeModal" title="工作者信息二维码" width="640px" @on-ok="qrcodeModal=false"
           @on-cancel="qrcodeModal=false" :closable="false">
      <template #header>
        <div style="display: flex;align-items: center;padding: 16px 15px 0 15px">
          <div style="  font-weight: 700;font-size: 14px; text-align: left;color: #b40001;">
            工作者信息二维码
          </div>
          <div style="margin-left: auto">
            <img @click="qrcodeModal=false"
                 src="@/assets/images/V2-new-view/resource_close.png"
                 style="margin-left:auto;width: 20px;height: 20px;">
          </div>
        </div>
      </template>
      <template #footer>
        <div style="display: flex;margin-top: 30px">
          <Button type="error" style="width: 64px;height: 32px;border-radius: 5px;background: #b40001;"
                  @click="qrcodeModal = false">确定
          </Button>
          <Button type="primary"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #c9c9c9;border: #c9c9c9;color: #161616;"
                  @click="qrcodeModal=false" class="close">取消
          </Button>
        </div>
      </template>
      <div id="qrcode1" ref="qrcode1" style="text-align: -webkit-center;"></div>
    </Modal>
    <import-excel ref="child"></import-excel>
    <check-personnel-list ref="check"></check-personnel-list>
  </div>
</template>

<script>
import checkPersonnelList from './components/checkPersonnelList'
import {
  updatePersonnelCodeInfo,
  findFlowList,
  getPersonInfoList,
  getRegionList,
  updatePersonnelState,
  deletePersonnelInfo,
  updatePersonCompanyCode,
  getTypeNameList,
  createPersonneInfo,
  getPersonInfo,
  deleteComplaint,
  updatePersonneInfo,
  createTransfer,
  date2str,
  delFeiqi,
  findDcPersonInfoList,
  getYearList,
  getOffice,
  getFlow,
  createDraft,
  getDraftID,
  getDraft,
  addPersonnelFlow,
  updateNewPersonnelInfo,
  addNewCommunityWorker,
  updatePersonnelInfo,
  queryCommunityRecruit,
  getUserInfo
} from '@/api/eventlist'
import { createUpLoadFiles, getSign } from '@/api/common'
import ImportExcel from './components/import-excel'
import qrcode2 from 'qrcode2'
import QRCode from 'qrcodejs2'
// import Export from "../export-compoments";
export default {
  components: { ImportExcel, checkPersonnelList },
  data () {
    return {
      visible: false,
      inputDisabled: false,
      disabled: '',
      loading: false,
      transition: '',
      tabsList: [
        {
          name: '教育信息',
          id: 0,
          tab_img: require('@/assets/images/V2-new-view/tabs/tab0.png'),
          active_img: require('@/assets/images/V2-new-view/tabs/active0.png')
        },
        {
          name: '亲属信息',
          id: 1,
          tab_img: require('@/assets/images/V2-new-view/tabs/tab1.png'),
          active_img: require('@/assets/images/V2-new-view/tabs/active1.png')
        },
        {
          name: '职业信息',
          id: 2,
          tab_img: require('@/assets/images/V2-new-view/tabs/tab2.png'),
          active_img: require('@/assets/images/V2-new-view/tabs/active2.png')
        },
        {
          name: '考核信息',
          id: 3,
          tab_img: require('@/assets/images/V2-new-view/tabs/tab3.png'),
          active_img: require('@/assets/images/V2-new-view/tabs/active3.png')
        },
        {
          name: '劳动合同',
          id: 4,
          tab_img: require('@/assets/images/V2-new-view/tabs/tab4.png'),
          active_img: require('@/assets/images/V2-new-view/tabs/active4.png')
        }],
      active: 1,
      tab_index: '1',
      company_grade: '',
      qrcodeModal: false,
      recruit: true,
      errorModel: false,
      errorModel2: false,
      status: true,
      status2: true,
      status3: false,
      transferModal: false,
      transferModal2: false,
      transferInfo: {},
      draftID: '',
      flowList: [],
      flowEdit: false,
      draft: false,
      selection: [],
      process: false,
      mailList1: [],
      mailList2: [],
      mailList3: [],
      mailList5: [],
      mailList6: [],
      mailList7: [],
      judge: false,
      judge2: false,
      judge3: false,
      snddModal: false,
      Excelloading: false,
      processModal: false,
      sessionList: [],
      sessionInfoTable: [
        { type: 'index', width: 50, align: 'center' },
        {
          type: 'selection',
          width: 60,
          align: 'center'
        },
        // { title: '开始时间', key: 'start_time', width: 250, align: 'center' },
        // { title: '结束时间', key: 'end_time', width: 250, align: 'center' },
        { title: '届次', slot: 'year', width: 500, align: 'center' },
        { title: '操作', slot: 'action1', minWidth: 90, align: 'center' }
      ],
      sessionSelectionList: [],
      sessionInfoList: [],
      datalist: [],
      addModal: false,
      deleteModal: false,
      uid: '',
      updateModal: false,
      showModal: false,
      cityList0: [],// 跨区调动
      cityList1: [],// 跨区调动
      cityList2: [],// 跨区调动
      handle_time1: '',
      jdnddModal: false,
      kjdddModal: false,
      qnddModal: false,
      kqddModal: false,
      ddInfo: {},
      dcInfo: {},
      deInfo: {},
      dfInfo: {},
      addinfo: {},
      deleteData: {},
      updateinfo: {},
      streatList: [],
      showinfo: {},
      deleteInfo: {},
      row: {},
      handleInfo: {},
      searchInfo: {
        currentPageNo: 1,
        currentPageSize: 10,
        loading1: true
      },
      reginList: [[], [], []],
      cityList: [],
      communityList2: [],
      communityList: [],
      company_code: this.$store.state.user.severUserInfo.company_code,
      dictList: [[], [], []],
      // 上传hadoop相关
      upPicData: {
        filePath: '',
        fileName: ''
      },
      fileUrlList: [],
      fileUrlList2: [],
      fileUrlList3: [],
      timeStep: '',
      type: '',
      index1: 0,
      index2: 0,
      index3: 0,
      columns: [
        {
          type: 'index',
          width: 50,
          align: 'center'
        },
        {
          type: 'selection',
          width: 60,
          align: 'center'
        },
        { title: '姓名', key: 'CPBI003', minWidth: 90, align: 'center' },
        { title: '性别', key: 'sex', width: 80, align: 'center' },
        { title: '年龄', key: 'age', width: 80, align: 'center' },
        { title: '超龄', key: 'isoverage', width: 80, align: 'center' },
        { title: '身份证号', key: 'CPBI002', minWidth: 180, align: 'center' },
        { title: '政治面貌', key: 'CPBI008', width: 100, align: 'center' },
        { title: '联系方式', key: 'CPBI013', width: 130, align: 'center' },
        {
          title: '免冠照片',
          width: 100,
          align: 'center',
          render: (h, params) => {
            return h('img', {
              attrs: {
                // src: 'https://szmz.mzj.shenyang.gov.cn/symz-cp/cp01001Controller.do?picStream&pic=' + params.row.CPBI015
                src: params.row.CPBI015
              },
              style: {
                borderRadius: '5px',
                width: '50px',
                height: '50px',
                objectFit: 'cover'
              },
              on: {
                click: () => {
                  console.log(h)
                }
              }
            })
          }
        },
        { title: '所在区县', key: 'city_name', width: 100, align: 'center' },
        { title: '所在街道', key: 'street_name', width: 140, align: 'center' },
        { title: '所在社区', key: 'company_name', width: 180, align: 'center' },
        { title: '任职情况', key: 'CPWI006', width: 100, align: 'center' },
        { title: '社工状态', key: 'CPBI018', width: 100, align: 'center' },
        { title: '操作', slot: 'action', width: 116, align: 'center', fixed: 'right' },
      ],
      columns1: [
        { title: '姓名', key: 'CPBI003', minWidth: 90, align: 'center' },
        { title: '性别', key: 'sex', width: 50, align: 'center' },
        { title: '出生日期', key: 'CPBI004', width: 100, align: 'center' },
        { title: '年龄', key: 'age', width: 60, align: 'center' },
        { title: '是否超龄', key: 'isoverage', width: 60, align: 'center' },
        { title: '身份证号', key: 'CPBI002', minWidth: 160, align: 'center' },
        { title: '民族', key: 'CPBI007', minWidth: 100, align: 'center' },
        { title: '政治面貌', key: 'CPBI008', width: 100, align: 'center' },
        { title: '联系方式', key: 'CPBI013', width: 120, align: 'center' },
        { title: '户籍地址', key: 'CPBI012', width: 200, align: 'center' },
        { title: '家庭住址', key: 'CPBI014', width: 200, align: 'center' },
        { title: '毕业院校', key: 'CPEI002', width: 200, align: 'center' },
        { title: '所学专业', key: 'CPEI003', width: 200, align: 'center' },
        { title: '最高学历', key: 'CPEI004', width: 100, align: 'center' },
        { title: '学位', key: 'CPEI005', width: 100, align: 'center' },
        { title: '毕业时间', key: 'CPEI006', width: 100, align: 'center' },
        { title: '所在区县', key: 'city_name', width: 100, align: 'center' },
        { title: '所在街道', key: 'street_name', width: 100, align: 'center' },
        { title: '所在社区', key: 'company_name', width: 100, align: 'center' },
        { title: '入职时间', key: 'CPWI001', width: 100, align: 'center' },
        { title: '社会工作师职业资格', key: 'CPWI002', width: 100, align: 'center' },
        { title: '社会工作师职业资格取得时间', key: 'CPWI003', width: 100, align: 'center' },
        { title: '任职情况', key: 'CPWI006', width: 100, align: 'center' },
        { title: '任职时间', key: 'CPWI007', width: 100, align: 'center' },
        { title: '党组织成员', key: 'CPWI011', width: 100, align: 'center' },
        { title: '居委会成员', key: 'CPWI012', width: 100, align: 'center' },
        { title: '是否取得全科社工资格', key: 'CPWI016', width: 100, align: 'center' },
        { title: '全社工资格取得时间', key: 'CPWI005', width: 100, align: 'center' },
        { title: '社工状态', key: 'CPBI018', width: 100, align: 'center' }
      ],
      familyInfoTable: [
        {
          title: '序号',
          type: 'index',
          width: 50,
          align: 'center'
        },
        {
          type: 'selection',
          width: 60,
          align: 'center'
        },
        { title: '亲属姓名(必填)', slot: 'CPFI002', minWidth: 90, align: 'center' },
        { title: '亲属关系(必填)', slot: 'CPFI003', minWidth: 100, align: 'center' },
        { title: '亲属联系方式(必填)', slot: 'CPFI004', minWidth: 130, align: 'center' },
        { title: '工作单位(必填)', slot: 'CPFI005', minWidth: 200, align: 'center' },
        { title: '政治面貌(必填)', slot: 'CPFI006', minWidth: 150, align: 'center' },
        { title: '操作', slot: 'action1', minWidth: 90, align: 'center' }
      ],
      assessmentInfoTable: [
        {
          title: '序号',
          type: 'index',
          slot: 'id',
          width: 50,
          align: 'center'
        },
        {
          type: 'selection',
          width: 60,
          align: 'center'
        },
        { title: '考核类型', slot: 'CPKI001', minWidth: 90, align: 'center' },
        { title: '考核时间', slot: 'CPKI002', minWidth: 90, align: 'center' },
        { title: '考核成绩', slot: 'CPKI003', minWidth: 90, align: 'center' },
        { title: '操作', slot: 'action1', minWidth: 90, align: 'center' }
      ],
      familyInfoList: [],
      familySelectionList: [],
      personSelectionList: [],
      assessmentInfoList: [],
      assessmentSelectionList: [],
      processlist: [],
      processColumns: [
        {
          title: '序号',
          type: 'index',
          width: 50,
          align: 'center'
        },
        { title: '流程节点', slot: 'state', minWidth: 110, align: 'center' },
        { title: '提交时间', key: 'send_time', minWidth: 120, align: 'center' },
        { title: '发起人员', key: 'send_name', minWidth: 120, align: 'center' },
        { title: '社工人员', key: 'CPBI003', minWidth: 120, align: 'center' },
        { title: '审批人员', key: 'company_name', minWidth: 130, align: 'center' },
        { title: '审批状态', slot: 'result', minWidth: 100, align: 'center' },
        { title: '审批时间', key: 'create_time', minWidth: 120, align: 'center' },
        { title: '审批意见', key: 'reason', minWidth: 220, align: 'center' }
      ],
      deleteFamilyList: [],
      deleteAxamineList: []
    }
  },

  methods: {
    handleOpen () {
      console.log('###')
      this.visible = true;
    },
    selectDifference (item) {
      this.$refs.check.checkPersonnelInfoList(item)
    },
    excelTemplate () {
      console.log('模板连接')
      window.open('http://imgdl.tripln.top/webhdfs/v1/qstb/worker/社区工作者导入模板v1_5449037832.xlsx?op=OPEN&namenoderpcaddress=hadoop01:9000&offset=0')
    },
    importExcel2 () {
      this.$refs.child.init()
    },
    getView (item) {
      findFlowList(item).then(res => {
        if (res.data.errcode === 0) {
          this.flowEdit = true
          this.flowList = res.data.data
          this.flowList.forEach(function (temp, index) {
            if (temp.operating_status === '0') {
              temp.operating_status = '发起:操作时间-' + temp.create_time
            } else if (temp.operating_status === '1') {
              if (temp.result === '1') {
                temp.operating_status = '已审批---通过:操作时间-' + temp.update_time
              } else if (temp.result === '2') {
                temp.operating_status = '已审批---驳回:操作时间-' + temp.update_time
              }
            } else if (temp.operating_status === '2') {
              temp.operating_status = '待审批'
            } else if (temp.operating_status === '3') {
              temp.operating_status = '未审批'
            }
            temp.approval_name = '操作机构：' + temp.approval_name
            if (temp.result != '' && temp.result != null) {
              temp.num = index + 2
              console.log(temp.num)
            }
            // this.flowList.push(temp)
          })
        } else {
          this.$Notice.error({ title: '获取流程失败', desc: res.data.errmsg })
        }
      })
    },
    OK111 () {
      this.flowEdit = false
    },
    getTransfer (item, event_type) {
      item.card_no = item.CPBI002
      this.transferInfo = item
      this.transferInfo.event_type = event_type
      // this.transferIfo.
      this.transferInfo.out_city_code = item.CPWI023
      this.transferInfo.out_street_code = item.CPWI024
      this.transferInfo.out_community_code = item.CPWI025
      this.getMailList(2, null)
      this.getMailList3(2, null)
      this.getMailList4(4, item.CPWI023)
      this.getMailList4(5, item.CPWI024)
      this.transferInfo.put_city_code = null
      this.transferInfo.put_street_code = null
      this.transferInfo.put_community_code = null
      if (event_type === '2') {
        this.status = false
        this.status2 = true
        this.transferInfo.put_city_code = item.CPWI023
        this.getMailList2(4, item.CPWI023)
      } else if (event_type === '3') {
        this.status = false
        this.status2 = false
        this.transferInfo.put_city_code = item.CPWI023
        this.transferInfo.put_street_code = item.CPWI024
        this.getMailList2(4, item.CPWI023)
        this.getMailList2(5, item.CPWI024)
      }
      // getUserInfo(item).then(res => {
      //   if (res.data.errcode === 0) {
      //     if (res.data.data) {
      //       this.transferModal2 = true
      //     }
      //   } else {
      //     this.$Notice.error({ title: '此人员无法调动', desc: '调动前需将此社区工作者账号作废' })
      //   }
      // })
      this.transferModal2 = true
    },
    transfer (item) {
      this.transferInfo = item
      // this.transferIfo.
      this.transferInfo.out_city_code = item.CPWI023
      this.transferInfo.out_street_code = item.CPWI024
      this.transferInfo.out_community_code = item.CPWI025
      this.getMailList(2, null)
      this.getMailList3(2, null)
      this.getMailList4(4, item.CPWI023)
      this.getMailList4(5, item.CPWI024)
      this.transferInfo.put_city_code = null
      this.transferInfo.put_street_code = null
      this.transferInfo.put_community_code = null
      console.log(this.transferInfo, 'ppppp')
      // getUserInfo(item).then(res => {
      //   if (res.data.errcode === 0) {
      //     if (res.data.data) {
      //       this.transferModal = true
      //     }
      //   } else {
      //     this.$Notice.error({ title: '此人员无法调动', desc: '调动前需将此社区工作者账号作废' })
      //   }
      // })
      this.transferModal = true
    },
    okTransfer2 () {
      if (confirm('调动发起后原社区账号作废，是否继续')) {
        updatePersonnelCodeInfo(this.transferInfo).then(res => {
          if (res.data.errcode === 0) {
            this.$Notice.success({ title: '人员调动成功', desc: '' })
            this.init()
          } else {
            this.$Notice.error({ title: '操作失败!', desc: res.data.errmsg })
          }
        })
      }
    },
    okTransfer () {
      console.log(this.transferInfo, '000000')
      if (confirm('审批通过后，此社区工作者原有账号作废，是否继续')) {
        addPersonnelFlow(this.transferInfo).then(res => {
          if (res.data.errcode === 0) {
            this.$Notice.success({ title: '审批已发起！等待审批', desc: '' })
            this.init()
          } else {
            this.$Notice.error({ title: '调动失败!', desc: res.data.errmsg })
          }
        })
      }
    },
    addIMG1 () {
      if (confirm('是否确定重新上传？')) {
        this.fileUrlList = []
        this.judge = false
        this.addinfo.files = undefined
        this.updateinfo.files = undefined
      }
    },
    addIMG2 () {
      if (confirm('是否确定重新上传？')) {
        this.fileUrlList2 = []
        this.judge2 = false
        this.addinfo.files2 = undefined
        this.updateinfo.files2 = undefined
      }
    },
    addIMG3 () {
      if (confirm('是否确定重新上传？')) {
        this.fileUrlList3 = []
        this.judge3 = false
        this.addinfo.files3 = undefined
        this.updateinfo.files3 = undefined
      }
    },
    getDraft () {
      let param = {
        id: this.draftID
      }
      this.active = 0
      this.addModal = true
      getDraft(param).then(res => {
        if (res.data.errcode === 0) {
          // res.data.data.salary  = parseInt(res.data.data.salary !== '' || undefined ? res.data.data.salary : 0) / 100
          this.addinfo = res.data.data
          if (res.data.data.CPBI015) {
            this.judge = true
            this.addinfo.files = res.data.data.CPBI015
            // this.fileUrlList.push(res.data.data.CPBI015)
          } else {
            this.judge = false
          }
          if (res.data.data.CPBI016) {
            this.judge2 = true
            this.addinfo.files2 = res.data.data.CPBI016
            // this.fileUrlList2.push(res.data.data.CPBI016)
          } else {
            this.judge2 = false
          }
          if (res.data.data.CPBI019) {
            this.judge3 = true
            this.addinfo.files3 = res.data.data.CPBI019
            // this.fileUrlList3.push(res.data.data.CPBI019)
          } else {
            this.judge3 = false
          }
          // if (this.companyGrade === '2') {
          this.getMailList2(4, this.addinfo.CPWI023)
          this.addinfo.CPWI024 = res.data.data.CPWI024
          this.getMailList2(5, this.addinfo.CPWI024)
          // }
          // this.fileUrlList.push(res.data.data.CPBI015)
          // this.fileUrlList2.push(res.data.data.CPBI016)
          // this.fileUrlList3.push(res.data.data.CPBI019)
          this.index1 = this.fileUrlList.length - 1
          this.index2 = this.fileUrlList2.length - 1
          this.index3 = this.fileUrlList3.length - 1
          if (res.data.data.CPWI017 !== undefined) {
            this.addinfo.CPWI017 = res.data.data.CPWI017.toString().split(',')
          }
          if (res.data.data.personnel_type !== undefined) {
            this.addinfo.personnel_type = res.data.data.personnel_type.toString().split(',')
          }
          this.familyInfoList = res.data.data.familyInfoList
          this.assessmentInfoList = res.data.data.assessmentInfoList
          this.sessionInfoList = res.data.data.sessionInfoList
        } else {
          this.$Notice.error({
            title: '获取人员信息失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    getDraftID () {
      getDraftID().then(res => {
        if (res.data.errcode === 0) {
          this.draft = true
          this.draftID = res.data.data.ID
        } else {
          this.draft = false
        }
      })
    },
    addDraft () {
      let param = {
        CPBI002: this.addinfo.CPBI002,
        CPBI003: this.addinfo.CPBI003,
        CPBI004: this.addinfo.CPBI004,
        CPBI005: this.addinfo.CPBI005,
        CPBI006: this.addinfo.CPBI006,
        CPBI007: this.addinfo.CPBI007,
        CPBI008: this.addinfo.CPBI008,
        CPBI009: this.addinfo.CPBI009,
        CPBI010: this.addinfo.CPBI010,
        CPBI011: this.addinfo.CPBI011,
        CPBI012: this.addinfo.CPBI012,
        CPBI013: this.addinfo.CPBI013,
        CPBI014: this.addinfo.CPBI014,
        salary: this.addinfo.salary,
        bankcardno: this.addinfo.bankcardno,
        CPEI002: this.addinfo.CPEI002,
        CPEI003: this.addinfo.CPEI003,
        CPEI004: this.addinfo.CPEI004,
        CPEI005: this.addinfo.CPEI005,
        CPEI006: this.addinfo.CPEI006,
        CPWI002: this.addinfo.CPWI002,
        CPWI023: this.addinfo.CPWI023,
        CPWI024: this.addinfo.CPWI024,
        CPWI025: this.addinfo.CPWI025,
        CPWI001: this.addinfo.CPWI001,
        CPWI006: this.addinfo.CPWI006,
        CPFI006aa: this.addinfo.CPFI006aa,
        CPWI008: this.addinfo.CPWI008,
        CPWI009: this.addinfo.CPWI009,
        CPWI004: this.addinfo.CPWI004,
        CPWI015: this.addinfo.CPWI015,
        CPWI016: this.addinfo.CPWI016,
        CPWI018: this.addinfo.CPWI018,
        CPWI019: this.addinfo.CPWI019,
        CPWI020: this.addinfo.CPWI020,
        CPWI014: this.addinfo.CPWI014,
        CPWI013: this.addinfo.CPWI013,
        CPWI021: this.addinfo.CPWI021,
        CPWI011: this.addinfo.CPWI011,
        CPWI012: this.addinfo.CPWI012,
        draft: '1',
        part_time_job: this.addinfo.part_time_job,
        part_time_income: this.addinfo.part_time_income,
        financial_burden: this.addinfo.financial_burden,
        other_financial_burden: this.addinfo.other_financial_burden,
        labor_contract: this.addinfo.labor_contract,
        first_party: this.addinfo.first_party,
        other_first_party: this.addinfo.other_first_party,
        prove: this.addinfo.prove,
        other_prove: this.addinfo.other_prove
      }
      if (this.$store.state.user.severUserInfo.company_grade !== '2') {
        param.mixture_ratio = '3'
      }
      param.CP01003 = this.familyInfoList
      param.CP01006 = this.assessmentInfoList
      param.CPBI015 = this.addinfo.files
      param.salary = this.addinfo.salary
      param.CPBI016 = this.addinfo.files2
      param.CPBI019 = this.addinfo.files3
      param.CPBI017 = '0'
      // param.session = this.sessionInfoList
      if (this.addinfo.CPBI002 !== undefined) {
        param.CPBI004 = (this.addinfo.CPBI002.substr(6, 4) + '-' + this.addinfo.CPBI002.substr(10, 2) + '-' + this.addinfo.CPBI002.substr(12, 2)) // 出生日期
      }
      if (this.addinfo.CPWI017 !== undefined) {
        param.CPWI017 = this.addinfo.CPWI017.join(',')
      } else {
        param.CPWI017 = ''
      }
      if (this.addinfo.personnel_type !== undefined) {
        param.personnel_type = this.addinfo.personnel_type.join(',')
      } else {
        param.personnel_type = ''
      }
      if (this.addinfo.CPEI006 !== undefined) {
        param.CPEI006 = date2str(this.addinfo.CPEI006)
      } else {
        param.CPEI006 = ''
      }
      if (this.addinfo.CPWI003 !== undefined) {
        param.CPWI003 = date2str(this.addinfo.CPWI003)
      } else {
        param.CPWI003 = ''
      }
      if (this.addinfo.CPWI001 !== undefined) {
        param.CPWI001 = date2str(this.addinfo.CPWI001)
      } else {
        param.CPWI001 = ''
      }
      if (this.addinfo.CPWI001 !== undefined) {
        param.CPWI007 = date2str(this.addinfo.CPWI007)
      } else {
        param.CPWI007 = ''
      }
      if (this.addinfo.CPWI018 !== undefined) {
        param.CPWI018 = date2str(this.addinfo.CPWI018)
      } else {
        param.CPWI018 = ''
      }
      if (this.addinfo.CPWI020 !== undefined) {
        param.CPWI020 = date2str(this.addinfo.CPWI020)
      } else {
        param.CPWI020 = ''
      }
      if (this.addinfo.CPWI021 !== undefined) {
        param.CPWI021 = date2str(this.addinfo.CPWI021)
      } else {
        param.CPWI021 = ''
      }
      this.assessmentInfoList.forEach(function (temp, index) {
        param.CP01006[index].CPKI002 = date2str(temp.CPKI002)
      })
      let session = ''
      if (this.sessionInfoList) {
        this.sessionInfoList.forEach(function (temp, index) {
          if (session) {
            session = session + ',' + temp.id
          } else {
            session = temp.id
          }
          param.session = session
        })
      }
      createDraft(param).then(res => {
        if (res.data.errcode === 0) {
          this.$Notice.success({ title: '草稿保存成功', desc: '' })
          this.init()
        } else {
          this.$Notice.error({ title: '草稿保存失败', desc: '' })
        }
      })
    },
    selectTable (selection) {
      console.log(selection)
      this.selection = selection
    },
    getFlowItem (id) {
      this.processModal = true
      let parasm = {
        PersonnelId: id
      }
      getFlow(parasm).then(res => {
        if (res.data.errcode === 0) {
          this.processlist = res.data.data
        } else {
          this.$Notice.error({ title: '获取流程失败!', desc: '' })
        }
      })

    },
    deletePersonnel (item) {
      this.deleteData = {}
      this.deleteModal = true
      this.deleteData = item
    },
    ok222 () {
      console.log(this.deleteData.cancellation_info)
      if (this.deleteData.cancellation === '4' && (this.deleteData.cancellation_info === '' || this.deleteData.cancellation_info === undefined)) {
        this.$Notice.error({ title: '请填写其他原因', desc: '' })
        return
      }
      updatePersonnelState(this.deleteData).then(res => {
        if (res.data.errcode === 0) {
          this.$Notice.success({ title: '注销成功!', desc: '' })
          this.init()
        } else {
          this.$Notice.error({ title: '注销失败!', desc: '' })
        }
      })
    },
    importExcel () {
      this.Excelloading = true
      let parasm = {
        'CPBI003': this.searchInfo.CPBI003,
        'CPBI005': this.searchInfo.CPBI005,
        'start_age': this.searchInfo.start_age,
        'end_age': this.searchInfo.end_age,
        'isoverage': this.searchInfo.isoverage,
        'CPBI002': this.searchInfo.CPBI002,
        'CPBI008': this.searchInfo.CPBI008,
        'CPBI013': this.searchInfo.CPBI013,
        'CPWI023': this.searchInfo.CPWI023,
        'CPWI024': this.searchInfo.CPWI024,
        'CPWI025': this.searchInfo.CPWI025,
        'CPWI006': this.searchInfo.CPWI006,
        'CPBI018': this.searchInfo.CPBI018
      }
      findDcPersonInfoList(parasm).then(ret => {
        if (ret.data.errcode === 0) {
          this.$refs.personSelection.exportCsv({
            filename: '人员信息',
            columns: this.columns1,
            data: ret.data.data
          })
          this.Excelloading = false
        } else {
          this.$Notice.error({
            title: '导出失败！',
            desc: ret.data.errmsg
          })
        }
      })
    },
    // 区内直接审批，走前台ID
    getQn (params) {
      this.dfInfo = {}
      this.qnddModal = true
      this.row = params.row
      this.dfInfo.company_code = this.$store.state.user.severUserInfo.company_code
      this.dfInfo.name = params.row.CPBI003
      this.dfInfo.pid = params.row.ID
      this.dfInfo.out_placeName = params.row.CPWI023
      this.dfInfo.put_place = this.$store.state.user.severUserInfo.company_code
      this.dfInfo.event_type = '5'
      this.dfInfo.state = '2'
      this.dfInfo.event_typeName = '区内调动'
      this.dfInfo.stateName = '区审批'
    },

    getSN (params) {
      this.dfInfo = {}
      this.snddModal = true
      this.row = params.row
      this.deInfo.company_code = this.$store.state.user.severUserInfo.company_code
      this.deInfo.name = params.row.CPBI003
      this.deInfo.pid = params.row.ID
      this.deInfo.out_placeName = params.row.CPWI023
      this.deInfo.out_place = this.$store.state.user.severUserInfo.company_code
      this.deInfo.event_type = '1'
      this.deInfo.state = '3'
      this.deInfo.event_typeName = '市内调动'
      // this.dfInfo.stateName = '区审批'
    },
    // 区内直接审批，走前台ID
    getJn (params) {
      this.dcInfo = {}
      this.jdnddModal = true
      this.row = params.row
      this.dcInfo.company_code = this.$store.state.user.severUserInfo.company_code
      this.dcInfo.name = params.row.CPBI003
      this.dcInfo.pid = params.row.ID
      this.dcInfo.out_placeName = params.row.CPWI024
      this.dcInfo.put_place = this.$store.state.user.severUserInfo.company_code
      this.dcInfo.event_type = '4'
      this.dcInfo.state = '1'
      this.dcInfo.event_typeName = '街道内调动'
      this.dcInfo.stateName = '调入地审批'
    },
    findinit () {
      this.searchInfo.currentPageNo = 1
      this.init()
    },
    init () {
      this.getDraftID()
      this.searchInfo.loading1 = true
      this.datalist = []
      let parasm = {
        'CPBI003': this.searchInfo.CPBI003,
        'CPBI005': this.searchInfo.CPBI005,
        'start_age': this.searchInfo.start_age,
        'end_age': this.searchInfo.end_age,
        'isoverage': this.searchInfo.isoverage,
        'CPBI002': this.searchInfo.CPBI002,
        'CPBI008': this.searchInfo.CPBI008,
        'CPBI013': this.searchInfo.CPBI013,
        'CPWI023': this.searchInfo.CPWI023,
        'CPWI024': this.searchInfo.CPWI024,
        'CPWI025': this.searchInfo.CPWI025,
        'CPWI006': this.searchInfo.CPWI006,
        'CPBI018': this.searchInfo.CPBI018,
        CPBI009: this.searchInfo.CPBI009,
        CPBI010: this.searchInfo.CPBI010,
        CPWI002: this.searchInfo.CPWI002,
        pageNo: this.searchInfo.currentPageNo,
        pageSize: this.searchInfo.currentPageSize,
        'mixture_ratio': this.searchInfo.mixture_ratio
      }
      if (this.searchInfo.CPBI018) {
        this.process = true
      }
      getPersonInfoList(parasm).then(ret => {
        if (ret.data.errcode === 0) {
          this.searchInfo.totalnum = ret.data.data.totalRecord
          let data = []
          ret.data.data.results.forEach(function (temp, index) {
            if (temp.isoverage === 'Y') {
              temp.isoverage = '是'
            } else {
              temp.isoverage = '否'
            }
            if (temp.CPWI023 === '1') {
              temp.city_name = '社区工作者协会'
            }
            if (temp.CPWI024 === '1') {
              temp.street_name = '社区工作者协会'
            }
            data.push(temp)
          })
          this.datalist = data
          this.searchInfo.loading1 = false
        } else {
          this.$Notice.error({
            title: '查询失败',
            desc: ret.data.errmsg
          })
        }
      })
    },
    updatePersonne () {
      let param = {
        CPBI002: this.updateinfo.CPBI002,
        CPBI003: this.updateinfo.CPBI003,
        CPBI004: this.updateinfo.CPBI004,
        CPBI005: this.updateinfo.CPBI005,
        CPBI006: this.updateinfo.CPBI006,
        CPBI007: this.updateinfo.CPBI007,
        CPBI008: this.updateinfo.CPBI008,
        CPBI009: this.updateinfo.CPBI009,
        CPBI010: this.updateinfo.CPBI010,
        CPBI011: this.updateinfo.CPBI011,
        CPBI012: this.updateinfo.CPBI012,
        CPBI013: this.updateinfo.CPBI013,
        CPBI014: this.updateinfo.CPBI014,
        salary: this.updateinfo.salary,
        bankcardno: this.updateinfo.bankcardno,
        CPEI002: this.updateinfo.CPEI002,
        CPEI003: this.updateinfo.CPEI003,
        CPEI004: this.updateinfo.CPEI004,
        CPEI005: this.updateinfo.CPEI005,
        CPEI006: this.updateinfo.CPEI006,
        CPWI002: this.updateinfo.CPWI002,
        // CPWI023: this.updateinfo.CPWI023,
        // CPWI024: this.updateinfo.CPWI024,
        // CPWI025: this.updateinfo.CPWI025,
        CPWI001: this.updateinfo.CPWI001,
        CPWI005: date2str(this.updateinfo.CPWI005),
        CPWI006: this.updateinfo.CPWI006,
        CPFI006aa: this.updateinfo.CPFI006aa,
        CPWI008: this.updateinfo.CPWI008,
        CPWI009: this.updateinfo.CPWI009,
        CPWI011: this.updateinfo.CPWI011,
        CPWI004: this.updateinfo.CPWI004,
        CPWI015: this.updateinfo.CPWI015,
        CPWI016: this.updateinfo.CPWI016,
        CPWI018: this.updateinfo.CPWI018,
        CPWI019: this.updateinfo.CPWI019,
        CPWI020: this.updateinfo.CPWI020,
        CPWI014: this.updateinfo.CPWI014,
        CPWI013: this.updateinfo.CPWI013,
        CPWI021: this.updateinfo.CPWI021,
        CPWI012: this.updateinfo.CPWI012,
        ID: this.updateinfo.ID,
        part_time_job: this.updateinfo.part_time_job,
        part_time_income: this.updateinfo.part_time_income,
        financial_burden: this.updateinfo.financial_burden,
        other_financial_burden: this.updateinfo.other_financial_burden,
        labor_contract: this.updateinfo.labor_contract,
        first_party: this.updateinfo.first_party,
        other_first_party: this.updateinfo.other_first_party,
        prove: this.updateinfo.prove,
        other_prove: this.updateinfo.other_prove,
        back: this.updateinfo.back,
        back_cause: this.updateinfo.back_cause,
        deleteAxamineList: this.deleteAxamineList,
        deleteFamilyList: this.deleteFamilyList
      }
      // let param = this.updateinfo
      param.CP01003 = this.familyInfoList
      console.log(param.CP01003, 'CP01003')
      param.CP01006 = this.assessmentInfoList
      if (this.updateinfo.CPBI002 !== undefined) {
        param.CPBI004 = (this.updateinfo.CPBI002.substr(6, 4) + '-' + this.updateinfo.CPBI002.substr(10, 2) + '-' + this.updateinfo.CPBI002.substr(12, 2)) // 出生日期
      }
      if (this.updateinfo.CPWI017 !== undefined) {
        param.CPWI017 = this.updateinfo.CPWI017.join(',')
      } else {
        param.CPWI017 = ''
      }
      if (this.updateinfo.CPEI006 !== undefined) {
        param.CPEI006 = date2str(this.updateinfo.CPEI006)
      } else {
        param.CPEI006 = ''
      }
      if (this.updateinfo.CPWI003 !== undefined) {
        param.CPWI003 = date2str(this.updateinfo.CPWI003)
      } else {
        param.CPWI003 = ''
      }
      if (this.updateinfo.CPWI001 !== undefined) {
        param.CPWI001 = date2str(this.updateinfo.CPWI001)
      } else {
        param.CPWI001 = ''
      }
      if (this.updateinfo.CPWI001 !== undefined) {
        param.CPWI007 = date2str(this.updateinfo.CPWI007)
      } else {
        param.CPWI007 = ''
      }
      if (this.updateinfo.personnel_type !== undefined) {
        param.personnel_type = this.updateinfo.personnel_type.join(',')
      } else {
        param.personnel_type = ''
      }
      if (this.updateinfo.CPWI018 !== undefined) {
        param.CPWI018 = date2str(this.updateinfo.CPWI018)
      } else {
        param.CPWI018 = ''
      }
      if (this.updateinfo.CPWI020 !== undefined) {
        param.CPWI020 = date2str(this.updateinfo.CPWI020)
      } else {
        param.CPWI020 = ''
      }
      if (this.updateinfo.CPWI021 !== undefined) {
        param.CPWI021 = date2str(this.updateinfo.CPWI021)
      } else {
        param.CPWI021 = ''
      }
      this.assessmentInfoList.forEach(function (temp, index) {
        param.CP01006[index].CPKI002 = date2str(temp.CPKI002)
      })
      let session = ''
      this.sessionInfoList.forEach(function (temp, index) {
        if (session) {
          session = session + ',' + temp.id
        } else {
          session = temp.id
        }
        param.session = session
      })
      param.CPBI015 = this.updateinfo.files
      param.CPBI016 = this.updateinfo.files2
      param.CPBI019 = this.updateinfo.files3
      // updatePersonneInfo(param).then(res => {
      updatePersonnelInfo(param).then(res => {
        if (res.data.errcode === 0) {
          this.$Message.success('修改成功')
          this.fileUrlList3 = []
          this.addinfo.files3 = undefined
          this.fileUrlList2 = []
          this.addinfo.files2 = undefined
          this.fileUrlList = []
          this.addinfo.files = undefined
          this.updateinfo = {}
          this.init()
        } else {
          this.$Notice.error({
            title: '修改失败',
            desc: res.data.errmsg
          })
          this.updateModal = true
        }
      })
      this.init()
    },
    updateNewPersonnel () {
      let param = {
        CPBI002: this.updateinfo.CPBI002,
        CPBI003: this.updateinfo.CPBI003,
        CPBI004: this.updateinfo.CPBI004,
        CPBI005: this.updateinfo.CPBI005,
        CPBI006: this.updateinfo.CPBI006,
        CPBI007: this.updateinfo.CPBI007,
        CPBI008: this.updateinfo.CPBI008,
        CPBI009: this.updateinfo.CPBI009,
        CPBI010: this.updateinfo.CPBI010,
        CPBI011: this.updateinfo.CPBI011,
        CPBI012: this.updateinfo.CPBI012,
        CPBI013: this.updateinfo.CPBI013,
        CPBI014: this.updateinfo.CPBI014,
        salary: this.updateinfo.salary,
        bankcardno: this.updateinfo.bankcardno,
        CPEI002: this.updateinfo.CPEI002,
        CPEI003: this.updateinfo.CPEI003,
        CPEI004: this.updateinfo.CPEI004,
        CPEI005: this.updateinfo.CPEI005,
        CPEI006: this.updateinfo.CPEI006,
        CPWI002: this.updateinfo.CPWI002,
        CPWI023: this.updateinfo.CPWI023,
        CPWI024: this.updateinfo.CPWI024,
        CPWI025: this.updateinfo.CPWI025,
        CPWI001: this.updateinfo.CPWI001,
        CPWI005: date2str(this.updateinfo.CPWI005),
        CPWI006: this.updateinfo.CPWI006,
        CPFI006aa: this.updateinfo.CPFI006aa,
        CPWI008: this.updateinfo.CPWI008,
        CPWI009: this.updateinfo.CPWI009,
        CPWI011: this.updateinfo.CPWI011,
        CPWI004: this.updateinfo.CPWI004,
        CPWI015: this.updateinfo.CPWI015,
        CPWI016: this.updateinfo.CPWI016,
        CPWI018: this.updateinfo.CPWI018,
        CPWI019: this.updateinfo.CPWI019,
        CPWI020: this.updateinfo.CPWI020,
        CPWI014: this.updateinfo.CPWI014,
        CPWI013: this.updateinfo.CPWI013,
        CPWI021: this.updateinfo.CPWI021,
        CPWI012: this.updateinfo.CPWI012,
        ID: this.updateinfo.ID,
        part_time_job: this.updateinfo.part_time_job,
        part_time_income: this.updateinfo.part_time_income,
        financial_burden: this.updateinfo.financial_burden,
        other_financial_burden: this.updateinfo.other_financial_burden,
        labor_contract: this.updateinfo.labor_contract,
        first_party: this.updateinfo.first_party,
        other_first_party: this.updateinfo.other_first_party,
        prove: this.updateinfo.prove,
        other_prove: this.updateinfo.other_prove,
        back: this.updateinfo.back,
        back_cause: this.updateinfo.back_cause
      }
      // let param = this.updateinfo
      param.CP01003 = this.familyInfoList
      param.CP01006 = this.assessmentInfoList
      if (this.updateinfo.CPBI002 !== undefined) {
        param.CPBI004 = (this.updateinfo.CPBI002.substr(6, 4) + '-' + this.updateinfo.CPBI002.substr(10, 2) + '-' + this.updateinfo.CPBI002.substr(12, 2)) // 出生日期
      }
      if (this.updateinfo.CPWI017 !== undefined) {
        param.CPWI017 = this.updateinfo.CPWI017.join(',')
      } else {
        param.CPWI017 = ''
      }
      if (this.updateinfo.CPEI006 !== undefined) {
        param.CPEI006 = date2str(this.updateinfo.CPEI006)
      } else {
        param.CPEI006 = ''
      }
      if (this.updateinfo.CPWI003 !== undefined) {
        param.CPWI003 = date2str(this.updateinfo.CPWI003)
      } else {
        param.CPWI003 = ''
      }
      if (this.updateinfo.CPWI001 !== undefined) {
        param.CPWI001 = date2str(this.updateinfo.CPWI001)
      } else {
        param.CPWI001 = ''
      }
      if (this.updateinfo.CPWI001 !== undefined) {
        param.CPWI007 = date2str(this.updateinfo.CPWI007)
      } else {
        param.CPWI007 = ''
      }
      if (this.updateinfo.personnel_type !== undefined) {
        param.personnel_type = this.updateinfo.personnel_type.join(',')
      } else {
        param.personnel_type = ''
      }
      if (this.updateinfo.CPWI018 !== undefined) {
        param.CPWI018 = date2str(this.updateinfo.CPWI018)
      } else {
        param.CPWI018 = ''
      }
      if (this.updateinfo.CPWI020 !== undefined) {
        param.CPWI020 = date2str(this.updateinfo.CPWI020)
      } else {
        param.CPWI020 = ''
      }
      if (this.updateinfo.CPWI021 !== undefined) {
        param.CPWI021 = date2str(this.updateinfo.CPWI021)
      } else {
        param.CPWI021 = ''
      }
      this.assessmentInfoList.forEach(function (temp, index) {
        param.CP01006[index].CPKI002 = date2str(temp.CPKI002)
      })
      let session = ''
      this.sessionInfoList.forEach(function (temp, index) {
        if (session) {
          session = session + ',' + temp.id
        } else {
          session = temp.id
        }
        param.session = session
      })
      param.CPBI015 = this.addinfo.files
      param.CPBI016 = this.addinfo.files2
      param.CPBI019 = this.addinfo.files3
      updateNewPersonnelInfo(param).then(res => {
        if (res.data.errcode === 0) {
          this.$Message.success('成功')
          this.fileUrlList3 = []
          this.addinfo.files3 = undefined
          this.fileUrlList2 = []
          this.addinfo.files2 = undefined
          this.fileUrlList = []
          this.addinfo.files = undefined
          this.updateinfo = {}
          this.init()
        } else {
          this.$Notice.error({
            title: '修改失败',
            desc: res.data.errmsg
          })
          this.updateModal = true
        }
      })
      this.init()
    },
    updateOk () {
      if (!this.updateinfo.CPBI003 || !this.updateinfo.CPBI002 || !this.updateinfo.CPBI005 || !this.updateinfo.CPBI006 ||
        !this.updateinfo.CPBI007 || !this.updateinfo.CPBI008 || !this.updateinfo.CPBI009 || !this.updateinfo.CPBI010 ||
        !this.updateinfo.CPBI011 || !this.updateinfo.CPBI012 || !this.updateinfo.CPBI013 || !this.updateinfo.CPBI014 ||
        !this.updateinfo.CPEI002 || !this.updateinfo.CPEI003 || !this.updateinfo.CPEI004 || !this.updateinfo.CPEI005 || !this.updateinfo.CPEI006 ||
        !this.updateinfo.CPWI001 || !this.updateinfo.CPWI006 || !this.updateinfo.CPWI007 || !this.updateinfo.CPWI011 || !this.updateinfo.files
        || !this.updateinfo.files2 || !this.updateinfo.files3) {
        this.errorModel2 = true
      } else {
        if (confirm('确定修改此社区工作者信息吗？')) {
          this.updatePersonne()
        }
      }
    },
    addOk () {
      // this.addPerson()
      if (!this.addinfo.CPBI003 || !this.addinfo.CPBI002 || !this.addinfo.CPBI005 || !this.addinfo.CPBI006 ||
        !this.addinfo.CPBI007 || !this.addinfo.CPBI008 || !this.addinfo.CPBI009 || !this.addinfo.CPBI010 ||
        !this.addinfo.CPBI011 || !this.addinfo.CPBI012 || !this.addinfo.CPBI013 || !this.addinfo.CPBI014 ||
        !this.addinfo.files || !this.addinfo.files2 || !this.addinfo.files3 || !this.addinfo.CPEI002 ||
        !this.addinfo.CPEI003 || !this.addinfo.CPEI004 || !this.addinfo.CPEI005 || !this.addinfo.CPEI006 ||
        !this.addinfo.CPWI001 || !this.addinfo.CPWI006 || !this.addinfo.CPWI007 ||
        !this.addinfo.CPWI011) {
        // this.$Notice.error({
        //   title: '添加失败',
        //   desc: '人员信息填写不正确，请核对'
        // })
        // this.addModal = true
        this.errorModel = true
        console.log(this.addModal, '---------------')
      } else if (this.$store.state.user.severUserInfo.company_grade === '5') {
        this.addNewPerson()
      } else {
        this.addPerson()
      }
    },
    // 跨街道调动
    kjdddOk () {
      let param = this.ddInfo
      param.operator = this.ddInfo.put_place
      param.v5 = '$'
      createTransfer(param).then(res => {
        if (res.data.errcode === 0) {
          this.$Message.success('提交成功')
          this.init()
          this.reginList[3] = []
        } else {
          this.$Notice.error({
            title: '提交失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    // 街道内调入
    jdnddModalOk () {
      this.uid = this.uuid()
      let param = this.dcInfo
      param.operator = this.dcInfo.out_place
      param.out_place = this.dcInfo.out_place
      // if(this.deInfo.put_place && !this.deInfo.out_place1 && !this.deInfo.out_place2){
      //   param.out_place = this.deInfo.put_place
      //   param.level = '3'
      // }else if(this.deInfo.put_place && this.deInfo.out_place1 && !this.deInfo.out_place2){
      //   // 街道
      //   param.out_place = this.deInfo.out_place1
      //   param.level = '2'
      // }else if(this.deInfo.put_place && this.deInfo.out_place1 && this.deInfo.out_place2){
      //   // 社区
      //   param.out_place = this.deInfo.out_place2
      //   param.level = '1'
      // }
      param.results = '1'
      param.approved_by = this.company_code
      param.id = this.uid
      createTransfer(param).then(res => {
        if (res.data.errcode === 0) {
          this.$Message.success('提交成功')
          this.updatePerson('jdndd')
        } else {
          this.$Notice.error({
            title: '提交失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    // 跨区调动OK
    kqddModalOk () {
      if (!this.deInfo.put_place) {
        this.$Message.warning('请选择要调入的区县')
        return
      } else if (!this.deInfo.out_place1) {
        this.$Message.warning('请选择要调入的街道')
        return
      } else if (!this.deInfo.out_place2) {
        this.$Message.warning('请选择要调入的社区')
        return
      } else {
        let param = this.deInfo
        param.operator = this.deInfo.put_place
        // param.out_place = this.deInfo.out_place2
        // 区，因为有协会
        if (this.deInfo.put_place && !this.deInfo.out_place1 && !this.deInfo.out_place2) {
          param.out_place = this.deInfo.put_place
          param.level = '3'
        } else if (this.deInfo.put_place && this.deInfo.out_place1 && !this.deInfo.out_place2) {
          // 街道
          param.out_place = this.deInfo.out_place1
          param.level = '2'
        } else if (this.deInfo.put_place && this.deInfo.out_place1 && this.deInfo.out_place2) {
          // 社区
          param.out_place = this.deInfo.out_place2
          param.level = '1'
        }
        param.results = '1'
        param.v5 = '$'
        createTransfer(param).then(res => {
          if (res.data.errcode === 0) {
            this.$Message.success('提交成功')
            this.init()
          } else {
            this.$Notice.error({
              title: '提交失败',
              desc: res.data.errmsg
            })
          }
        })
      }
    },
    // 市内调动
    snddModalOk () {
      if (!this.deInfo.put_place) {
        this.$Message.warning('请选择要调入的区县')
        return
      } else if (!this.deInfo.out_place1) {
        this.$Message.warning('请选择要调入的街道')
        return
      } else if (!this.deInfo.out_place2 && this.deInfo.out_place1 != '1') {
        this.$Message.warning('请选择要调入的社区')
        return
      } else {
        let param = this.deInfo
        param.operator = this.deInfo.put_place
        this.uid = this.uuid()
        param.approved_by = this.company_code
        param.id = this.uid
        // param.out_place = this.deInfo.out_place2
        // 区，因为有协会
        if (this.deInfo.put_place && !this.deInfo.out_place1 && !this.deInfo.out_place2) {
          param.out_place = this.deInfo.put_place
          param.level = '3'
        } else if (this.deInfo.put_place && this.deInfo.out_place1 && !this.deInfo.out_place2) {
          // 街道
          param.out_place = this.deInfo.out_place1
          param.level = '2'
        } else if (this.deInfo.put_place && this.deInfo.out_place1 && this.deInfo.out_place2) {
          // 社区
          param.out_place = this.deInfo.out_place2
          param.level = '1'
        }

        param.results = '00'
        // param.v5 = '$'
        createTransfer(param).then(res => {
          if (res.data.errcode === 0) {
            this.$Message.success('提交成功')
            this.init()
            this.updatePerson('sndd')
            this.deInfo = {}
          } else {
            this.$Notice.error({
              title: '提交失败',
              desc: res.data.errmsg
            })
          }
        })
      }
    },
    // 区内调动
    qnddModalOk () {
      this.uid = this.uuid()
      let param = this.dfInfo
      // param.operator = this.dfInfo.out_place1
      // param.out_place = this.dfInfo.out_place1
      param.level = '2'
      // if (!this.dfInfo.out_place1) {
      //   this.$Message.warning('街道不可为空，请选择街道！')
      //   return
      // }
      if (this.dfInfo.out_place1 && !this.dfInfo.out_place2) {
        param.operator = this.dfInfo.out_place1
        param.out_place = this.dfInfo.out_place1
        param.level = '2'
      }
      if (this.dfInfo.out_place1 && this.dfInfo.out_place2) {
        param.operator = this.dfInfo.out_place2
        param.out_place = this.dfInfo.out_place2
        param.level = '1'
      }
      param.results = '00'
      param.approved_by = this.company_code
      param.id = this.uid
      createTransfer(param).then(res => {
        if (res.data.errcode === 0) {
          this.$Message.success('提交成功')
          this.updatePerson('qndd')
        } else {
          this.$Notice.error({
            title: '提交失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    changeList () {
      this.communityList2 = []
      let data = {
        id: this.dfInfo.out_place1
      }
      getRegionList(data).then(ret => {
        if (ret.data.errcode === 0) {
          this.communityList2 = ret.data.data
        } else {
          this.$Notice.error({
            title: '获取社区失败',
            desc: ret.data.errmsg
          })
        }
      })
    },
    // 获取区下街道
    changeList0 () {
      this.communityList2 = []
      let data = {
        id: this.deInfo.put_place
      }
      getRegionList(data).then(ret => {
        if (ret.data.errcode === 0) {
          this.cityList1 = ret.data.data
        } else {
          this.$Notice.error({
            title: '获取社区失败',
            desc: ret.data.errmsg
          })
        }
      })
    },
    // 获取街道下社区
    changeList1 () {
      this.communityList2 = []
      let data = {
        id: this.deInfo.out_place1
      }
      getRegionList(data).then(ret => {
        if (ret.data.errcode === 0) {
          this.cityList2 = ret.data.data
        } else {
          this.$Notice.error({
            title: '获取社区失败',
            desc: ret.data.errmsg
          })
        }
      })
    },
    // 暂时没用
    changeList2 () {
      this.communityList2 = []
      let data = {
        id: this.dfInfo.out_place1
      }
      getRegionList(data).then(ret => {
        if (ret.data.errcode === 0) {
          this.cityList2 = ret.data.data
        } else {
          this.$Notice.error({
            title: '获取社区失败',
            desc: ret.data.errmsg
          })
        }
      })
    },

    // 终止审批成功后进行调用
    updatePerson (str) {
      let data = {
        id: this.uid, // UUID用于flow表
        pid: this.row.ID, // 人员ID
      }
      if (str == 'qndd' && this.dfInfo.out_place1 && !this.dfInfo.out_place2) {
        data.streets = this.dfInfo.out_place1
        data.common = '$'
      } else if (str == 'qndd' && this.dfInfo.out_place1 && this.dfInfo.out_place2) {
        data.community = this.dfInfo.out_place2
        data.common = '$'
      } else if (str == 'sndd' && this.deInfo.out_place1 && !this.deInfo.out_place2) {
        data.streets = this.deInfo.out_place1
        data.community = this.deInfo.out_place2
        data.city = this.deInfo.put_place
        data.common = '$'
      } else if (str == 'sndd' && this.deInfo.out_place1 && this.deInfo.out_place2) {
        data.community = this.deInfo.out_place2
        data.streets = this.deInfo.out_place1
        data.city = this.deInfo.put_place
        data.common = '$'
      }
        // else if(str == 'qndd' && this.deInfo.out_place) {
        //   data.city = this.deInfo.out_place
      // }
      else if (str == 'jdndd') {
        data.community = this.dcInfo.out_place
        data.common = '$'
      }
      updatePersonCompanyCode(data).then(ret => {
        if (ret.data.errcode === 0) {
          this.init()
        } else {
          this.$Notice.error({
            title: '修改人信息失败',
            desc: ret.data.errmsg
          })
        }
      })
    },
    uuid () {
      var s = []
      var hexDigits = '0123456789abcdef'
      for (var i = 0; i < 36; i++) {
        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1)
      }
      s[14] = '4' // bits 12-15 of the time_hi_and_version field to 0010
      s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1) // bits 6-7 of the clock_seq_hi_and_reserved to 01
      s[8] = s[13] = s[18] = s[23] = '-'

      var uuid = s.join('')
      return uuid.replace('-', '')
    },
    addPerson () {
      let param = {
        PID: this.draftID,
        CPBI002: this.addinfo.CPBI002,
        CPBI003: this.addinfo.CPBI003,
        CPBI004: this.addinfo.CPBI004,
        CPBI005: this.addinfo.CPBI005,
        CPBI006: this.addinfo.CPBI006,
        CPBI007: this.addinfo.CPBI007,
        CPBI008: this.addinfo.CPBI008,
        CPBI009: this.addinfo.CPBI009,
        CPBI010: this.addinfo.CPBI010,
        CPBI011: this.addinfo.CPBI011,
        CPBI012: this.addinfo.CPBI012,
        CPBI013: this.addinfo.CPBI013,
        CPBI014: this.addinfo.CPBI014,
        salary: this.addinfo.salary,
        bankcardno: this.addinfo.bankcardno,
        CPEI002: this.addinfo.CPEI002,
        CPEI003: this.addinfo.CPEI003,
        CPEI004: this.addinfo.CPEI004,
        CPEI005: this.addinfo.CPEI005,
        CPEI006: this.addinfo.CPEI006,
        CPWI002: this.addinfo.CPWI002,
        CPWI003: this.addinfo.CPWI003,
        CPWI023: this.addinfo.CPWI023,
        CPWI024: this.addinfo.CPWI024,
        CPWI025: this.addinfo.CPWI025,
        CPWI001: this.addinfo.CPWI001,
        CPWI006: this.addinfo.CPWI006,
        CPFI006aa: this.addinfo.CPFI006aa,
        CPWI008: this.addinfo.CPWI008,
        CPWI009: this.addinfo.CPWI009,
        CPWI004: this.addinfo.CPWI004,
        CPWI005: date2str(this.addinfo.CPWI005),
        CPWI015: this.addinfo.CPWI015,
        CPWI016: this.addinfo.CPWI016,
        CPWI018: this.addinfo.CPWI018,
        CPWI019: this.addinfo.CPWI019,
        CPWI020: this.addinfo.CPWI020,
        CPWI014: this.addinfo.CPWI014,
        CPWI013: this.addinfo.CPWI013,
        CPWI021: this.addinfo.CPWI021,
        CPWI011: this.addinfo.CPWI011,
        CPWI012: this.addinfo.CPWI012,
        draft: '1',
        part_time_job: this.addinfo.part_time_job,
        part_time_income: this.addinfo.part_time_income,
        financial_burden: this.addinfo.financial_burden,
        other_financial_burden: this.addinfo.other_financial_burden,
        labor_contract: this.addinfo.labor_contract,
        first_party: this.addinfo.first_party,
        other_first_party: this.addinfo.other_first_party,
        prove: this.addinfo.prove,
        other_prove: this.addinfo.other_prove,
        back: this.addinfo.back,
        back_cause: this.addinfo.back_cause
      }
      if (this.$store.state.user.severUserInfo.company_grade !== '2') {
        param.mixture_ratio = '3'
      }
      param.CP01003 = this.familyInfoList
      param.CP01006 = this.assessmentInfoList
      param.CPBI015 = this.addinfo.files
      param.salary = this.addinfo.salary
      param.CPBI016 = this.addinfo.files2
      param.CPBI019 = this.addinfo.files3
      param.CPBI017 = '0'
      param.session = this.sessionInfoList
      if (this.addinfo.CPBI002 !== undefined) {
        param.CPBI004 = (this.addinfo.CPBI002.substr(6, 4) + '-' + this.addinfo.CPBI002.substr(10, 2) + '-' + this.addinfo.CPBI002.substr(12, 2)) // 出生日期
      }
      if (this.addinfo.CPWI017 !== undefined) {
        param.CPWI017 = this.addinfo.CPWI017.join(',')
      } else {
        param.CPWI017 = ''
      }
      if (this.addinfo.personnel_type !== undefined) {
        param.personnel_type = this.addinfo.personnel_type.join(',')
      } else {
        param.personnel_type = ''
      }
      if (this.addinfo.CPEI006 !== undefined) {
        param.CPEI006 = date2str(this.addinfo.CPEI006)
      } else {
        param.CPEI006 = ''
      }
      if (this.addinfo.CPWI003 !== undefined) {
        param.CPWI003 = date2str(this.addinfo.CPWI003)
      } else {
        param.CPWI003 = ''
      }
      if (this.addinfo.CPWI001 !== undefined) {
        param.CPWI001 = date2str(this.addinfo.CPWI001)
      } else {
        param.CPWI001 = ''
      }
      if (this.addinfo.CPWI001 !== undefined) {
        param.CPWI007 = date2str(this.addinfo.CPWI007)
      } else {
        param.CPWI007 = ''
      }
      if (this.addinfo.CPWI018 !== undefined) {
        param.CPWI018 = date2str(this.addinfo.CPWI018)
      } else {
        param.CPWI018 = ''
      }
      if (this.addinfo.CPWI020 !== undefined) {
        param.CPWI020 = date2str(this.addinfo.CPWI020)
      } else {
        param.CPWI020 = ''
      }
      if (this.addinfo.CPWI021 !== undefined) {
        param.CPWI021 = date2str(this.addinfo.CPWI021)
      } else {
        param.CPWI021 = ''
      }
      this.assessmentInfoList.forEach(function (temp, index) {
        param.CP01006[index].CPKI002 = date2str(temp.CPKI002)
      })
      let session = ''
      this.sessionInfoList.forEach(function (temp, index) {
        if (session) {
          session = session + ',' + temp.id
        } else {
          session = temp.id
        }
        param.session = session
      })
      createPersonneInfo(param).then(res => {
        if (res.data.errcode === 0) {
          this.$Message.success('添加成功')
          this.init()
        } else {
          this.$Notice.error({
            title: '添加失败',
            desc: res.data.errmsg
          })
          this.addModal = true
        }
      })
    },
    addNewPerson () {
      let param = {
        PID: this.draftID,
        CPBI002: this.addinfo.CPBI002,
        CPBI003: this.addinfo.CPBI003,
        CPBI004: this.addinfo.CPBI004,
        CPBI005: this.addinfo.CPBI005,
        CPBI006: this.addinfo.CPBI006,
        CPBI007: this.addinfo.CPBI007,
        CPBI008: this.addinfo.CPBI008,
        CPBI009: this.addinfo.CPBI009,
        CPBI010: this.addinfo.CPBI010,
        CPBI011: this.addinfo.CPBI011,
        CPBI012: this.addinfo.CPBI012,
        CPBI013: this.addinfo.CPBI013,
        CPBI014: this.addinfo.CPBI014,
        salary: this.addinfo.salary,
        bankcardno: this.addinfo.bankcardno,
        CPEI002: this.addinfo.CPEI002,
        CPEI003: this.addinfo.CPEI003,
        CPEI004: this.addinfo.CPEI004,
        CPEI005: this.addinfo.CPEI005,
        CPEI006: this.addinfo.CPEI006,
        CPWI002: this.addinfo.CPWI002,
        CPWI003: this.addinfo.CPWI003,
        CPWI023: this.addinfo.CPWI023,
        CPWI024: this.addinfo.CPWI024,
        CPWI025: this.addinfo.CPWI025,
        CPWI001: this.addinfo.CPWI001,
        CPWI006: this.addinfo.CPWI006,
        CPFI006aa: this.addinfo.CPFI006aa,
        CPWI008: this.addinfo.CPWI008,
        CPWI009: this.addinfo.CPWI009,
        CPWI004: this.addinfo.CPWI004,
        CPWI005: date2str(this.addinfo.CPWI005),
        CPWI015: this.addinfo.CPWI015,
        CPWI016: this.addinfo.CPWI016,
        CPWI018: this.addinfo.CPWI018,
        CPWI019: this.addinfo.CPWI019,
        CPWI020: this.addinfo.CPWI020,
        CPWI014: this.addinfo.CPWI014,
        CPWI013: this.addinfo.CPWI013,
        CPWI021: this.addinfo.CPWI021,
        CPWI011: this.addinfo.CPWI011,
        CPWI012: this.addinfo.CPWI012,
        draft: '1',
        part_time_job: this.addinfo.part_time_job,
        part_time_income: this.addinfo.part_time_income,
        financial_burden: this.addinfo.financial_burden,
        other_financial_burden: this.addinfo.other_financial_burden,
        labor_contract: this.addinfo.labor_contract,
        first_party: this.addinfo.first_party,
        other_first_party: this.addinfo.other_first_party,
        prove: this.addinfo.prove,
        other_prove: this.addinfo.other_prove,
        back: this.addinfo.back,
        back_cause: this.addinfo.back_cause
      }
      if (this.$store.state.user.severUserInfo.company_grade !== '2') {
        param.mixture_ratio = '3'
      }
      param.CP01003 = this.familyInfoList
      param.CP01006 = this.assessmentInfoList
      param.CPBI015 = this.addinfo.files
      param.salary = this.addinfo.salary
      param.CPBI016 = this.addinfo.files2
      param.CPBI019 = this.addinfo.files3
      param.CPBI017 = '0'
      param.session = this.sessionInfoList
      if (this.addinfo.CPBI002 !== undefined) {
        param.CPBI004 = (this.addinfo.CPBI002.substr(6, 4) + '-' + this.addinfo.CPBI002.substr(10, 2) + '-' + this.addinfo.CPBI002.substr(12, 2)) // 出生日期
      }
      if (this.addinfo.CPWI017 !== undefined) {
        param.CPWI017 = this.addinfo.CPWI017.join(',')
      } else {
        param.CPWI017 = ''
      }
      if (this.addinfo.personnel_type !== undefined) {
        param.personnel_type = this.addinfo.personnel_type.join(',')
      } else {
        param.personnel_type = ''
      }
      if (this.addinfo.CPEI006 !== undefined) {
        param.CPEI006 = date2str(this.addinfo.CPEI006)
      } else {
        param.CPEI006 = ''
      }
      if (this.addinfo.CPWI003 !== undefined) {
        param.CPWI003 = date2str(this.addinfo.CPWI003)
      } else {
        param.CPWI003 = ''
      }
      if (this.addinfo.CPWI001 !== undefined) {
        param.CPWI001 = date2str(this.addinfo.CPWI001)
      } else {
        param.CPWI001 = ''
      }
      if (this.addinfo.CPWI001 !== undefined) {
        param.CPWI007 = date2str(this.addinfo.CPWI007)
      } else {
        param.CPWI007 = ''
      }
      if (this.addinfo.CPWI018 !== undefined) {
        param.CPWI018 = date2str(this.addinfo.CPWI018)
      } else {
        param.CPWI018 = ''
      }
      if (this.addinfo.CPWI020 !== undefined) {
        param.CPWI020 = date2str(this.addinfo.CPWI020)
      } else {
        param.CPWI020 = ''
      }
      if (this.addinfo.CPWI021 !== undefined) {
        param.CPWI021 = date2str(this.addinfo.CPWI021)
      } else {
        param.CPWI021 = ''
      }
      this.assessmentInfoList.forEach(function (temp, index) {
        param.CP01006[index].CPKI002 = date2str(temp.CPKI002)
      })
      let session = ''
      this.sessionInfoList.forEach(function (temp, index) {
        if (session) {
          session = session + ',' + temp.id
        } else {
          session = temp.id
        }
        param.session = session
      })
      addNewCommunityWorker(param).then(res => {
        if (res.data.errcode === 0) {
          this.$Message.success('添加成功')
          this.init()
        } else {
          this.$Notice.error({
            title: '添加失败',
            desc: res.data.errmsg
          })
          this.addModal = true
        }
      })
    },
    deleteComplaint () {
      let param = {
        id: this.deleteInfo.row.id
      }
      deleteComplaint(param).then(res => {
        if (res.data.errcode === 0) {
          this.$Message.success('删除成功')
          this.init()
        } else {
          this.$Notice.error({
            title: '删除失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    deleteOk () {
      if (this.deleteInfo.row.state !== '1') {
        this.$Notice.error({
          title: '删除失败',
          desc: '未处理的投诉不可删除'
        })
      } else {
        this.deleteComplaint()
      }
    },
    showPerson (type) {
      // this.addinfo.files = ''
      // this.addinfo.files2 = ''
      // this.addinfo.files3 = ''
      let election = this.$refs.personSelection.getSelection()
      if (this.selection.length > 1 || this.selection.length == 0) {
        this.$Notice.error({
          title: '获取人员信息失败',
          desc: '请选择一条记录'
        })
        return
      }
      this.fileUrlList = []
      this.fileUrlList2 = []
      this.fileUrlList3 = []
      this.deleteFamilyList = []
      this.deleteAxamineList = []

      let id = this.selection[0].ID
      getPersonInfo({ id: id }).then(res => {
        if (res.data.errcode === 0) {
          // res.data.data.salary  = parseInt(res.data.data.salary !== '' || undefined ? res.data.data.salary : 0) / 100
          this.showinfo = res.data.data
          this.updateinfo = res.data.data
          if (type === 2) {
            if (!this.updateinfo.CPBI018 === '11' && !this.updateinfo.CPBI018 === '10') {
              this.$Notice.error({
                title: '当前人员状态不可修改信息'
                // desc: res.data.errmsg
              })
              return
            }
            //编辑
            this.active = 0
            this.updateModal = true
          } else if (type === 1) {
            //查看
            this.active = 0
            this.showModal = true
          }
          if (res.data.data.CPBI015) {
            this.judge = true
            this.updateinfo.files = res.data.data.CPBI015
            this.fileUrlList.push(res.data.data.CPBI015)
          } else {
            this.judge = false
          }
          if (res.data.data.CPBI016) {
            this.judge2 = true
            this.updateinfo.files2 = res.data.data.CPBI016
            this.fileUrlList2.push(res.data.data.CPBI016)
          } else {
            this.judge2 = false
          }
          if (res.data.data.CPBI019) {
            this.judge3 = true
            this.updateinfo.files3 = res.data.data.CPBI019
            this.fileUrlList3.push(res.data.data.CPBI019)
          } else {
            this.judge3 = false
          }
          // if (this.companyGrade === '2') {
          this.getMailList(2, null)
          this.getMailList2(4, this.updateinfo.CPWI023)
          this.updateinfo.CPWI024 = res.data.data.CPWI024
          this.getMailList2(5, this.updateinfo.CPWI024)
          this.getMailList2(4, this.showinfo.CPWI023)
          this.showinfo.CPWI024 = res.data.data.CPWI024
          this.getMailList2(5, this.showinfo.CPWI024)
          // }
          // this.fileUrlList.push(res.data.data.CPBI015)
          // this.fileUrlList2.push(res.data.data.CPBI016)
          // this.fileUrlList3.push(res.data.data.CPBI019)
          this.index1 = this.fileUrlList.length - 1
          this.index2 = this.fileUrlList2.length - 1
          this.index3 = this.fileUrlList3.length - 1
          if (res.data.data.CPWI017 !== undefined) {
            this.showinfo.CPWI017 = res.data.data.CPWI017.toString().split(',')
            this.updateinfo.CPWI017 = res.data.data.CPWI017.toString().split(',')
          }
          if (res.data.data.personnel_type !== undefined) {
            this.showinfo.personnel_type = res.data.data.personnel_type.toString().split(',')
            this.updateinfo.personnel_type = res.data.data.personnel_type.toString().split(',')
          }
          this.familyInfoList = res.data.data.familyInfoList
          this.assessmentInfoList = res.data.data.assessmentInfoList
          this.sessionInfoList = res.data.data.sessionInfoList
        } else {
          this.$Notice.error({
            title: '获取人员信息失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    addAssessment1 () {
      let temp = {
        // id: this.sessionInfoList.length,
        id: ''
      }
      this.sessionInfoList.push(temp)
    },
    delAssessment1 () {
      let index = this.sessionSelectionList
      for (let i = 0; i < index.length; i++) {
        this.sessionInfoList.splice(index[i].id - 1, 1)
      }
    },
    sessionSelection1 () {
      this.sessionSelectionList = this.$refs.sessionSelection1.getSelection()
    },
    sessionSelection2 () {
      this.sessionSelectionList = this.$refs.sessionSelection2.getSelection()
    },
    sessionSelection3 () {
      this.sessionSelectionList = this.$refs.sessionSelection3.getSelection()
    },
    confirm3 (item, index) {
      this.sessionInfoList[index] = item
      if (item.id) {
        this.$Notice.info({
          title: '保存成功',
          desc: ''
        })
      } else {
        this.$Notice.error({
          title: '届次不能为空',
          desc: ''
        })
      }
    },
    searchDatawork () {
      this.searchInfo = {}
      this.init()
    },
    changePagesize (pageSize) {
      this.searchInfo.currentPageSize = pageSize
      this.changePageNo()
    },
    changePageNo (pageNo) {
      this.searchInfo.currentPageNo = pageNo
      this.init()
    },
    addFamily () {
      let temp = {
        // id: this.familyInfoList.length,
        CPFI002: '',
        CPFI003: '',
        CPFI004: '',
        CPFI005: '',
        CPFI006: ''
      }
      this.familyInfoList.push(temp)
    },
    delFamily () {
      console.log(this.familySelectionList, '####^^^^^')
      let index = this.familySelectionList
      this.deleteFamilyList = index
      let list = this.familyInfoList
      for (let i = 0; i < index.length; i++) {
        // this.familyInfoList.splice(index[i].id - 1, 1)
        for (let j = 0; j < list.length; j++) {
          let family = index[i]
          if (list[j].ID === family.ID) {
            this.familyInfoList.splice(j, 1)
          }
        }
      }
    },
    personSelection (selection) {
      this.personSelectionList = this.$refs.personSelection.getSelection()
    },
    familySelection (selection) {
      this.familySelectionList = selection
      console.log(this.familySelectionList)
      // console.log('#######$$$$$$', selection)
      // console.log(this.$refs.familySelection2.selection, '%%%%%%%')
      // console.log(this.familyInfoList, '$$$$$$$$$&&&&&')
      // this.familySelectionList = this.$refs.familySelection2.getSelection()
      // console.log(this.familySelectionList, '0000')
    },
    addAssessment () {
      let temp = {
        // id: this.assessmentInfoList.length,
        CPKI001: '',
        CPKI002: '',
        CPKI003: ''
      }
      this.assessmentInfoList.push(temp)
    },
    delAssessment () {
      let index = this.assessmentSelectionList
      console.log(index, 'ooooooooooooooooooooo')
      this.deleteAxamineList = index
      let list = this.assessmentInfoList
      for (let i = 0; i < index.length; i++) {
        // this.assessmentInfoList.splice(index[i].id - 1, 1)
        for (let j = 0; j < list.length; j++) {
          let assessment = index[i]
          if (list[j].ID === assessment.ID) {
            this.assessmentInfoList.splice(j, 1)
          }
        }
      }
    },
    assessmentSelection (selection) {
      this.assessmentSelectionList = selection
      // this.assessmentSelectionList = this.$refs.assessmentSelection.getSelection()
      console.log(this.assessmentSelectionList, '000000')
    },
    selectCommunity () {
      let data = {
        id: this.company_code
      }
      getRegionList(data).then(ret => {
        if (ret.data.errcode === 0) {
          this.communityList = ret.data.data
        } else {
          this.$Notice.error({
            title: '获取社区失败',
            desc: ret.data.errmsg
          })
        }
      })
    },
    selectStreet () {
      let data = {
        id: this.company_code
      }
      getRegionList(data).then(ret => {
        if (ret.data.errcode === 0) {
          this.streatList = ret.data.data
        } else {
          this.$Notice.error({
            title: '获取社区失败',
            desc: ret.data.errmsg
          })
        }
      })
    },
    selectCity () {
      let data = {}
      getRegionList(data).then(ret => {
        if (ret.data.errcode === 0) {
          this.cityList = ret.data.data
          this.cityList0 = ret.data.data
        } else {
          this.$Notice.error({
            title: '获取区失败',
            desc: ret.data.errmsg
          })
        }
      })
    },
    getRegionList (id, index) {
      getRegionList({ id: id }).then(res => {
        if (res.data.errcode === 0) {
          this.reginList[index] = res.data.data
          this.$forceUpdate()
        } else {
          this.$Notice.error({
            title: '获取区域列表失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    getTypeName (id, index) {
      getTypeNameList({ typegroupcode: id }).then(res => {
        if (res.data.errcode === 0) {
          this.dictList[index] = res.data.data
        } else {
          this.$Notice.error({
            title: '获取字典列表失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    getDictList () {
      this.getTypeName('political', 0)
      this.getTypeName('position', 1)
      this.getTypeName('cpbi018', 2)
      this.getTypeName('marriage', 3)
      this.getTypeName('nation', 4)
      this.getTypeName('incumbency', 5)
      this.getTypeName('sp_status', 6)
      this.getTypeName('degree', 7)
      this.getTypeName('academic', 8)
      this.getTypeName('lineal', 9)
      this.getTypeName('pqoswt', 10)
      this.getTypeName('train', 11)
      this.getTypeName('examType', 12)
      this.getTypeName('examresult', 13)
      this.getTypeName('cpCancel', 14)
    },
    confirm (item, index) {
      this.familyInfoList[index] = item
      if (item.CPFI002) {
        this.$Notice.info({
          title: '保存成功',
          desc: ''
        })
      } else {
        this.$Notice.error({
          title: '亲属信息不能为空',
          desc: ''
        })
      }
    },
    confirm2 (item, index) {
      this.assessmentInfoList[index] = item
      if (item.CPKI001) {
        this.$Notice.info({
          title: '保存成功',
          desc: ''
        })
      } else {
        this.$Notice.error({
          title: '考核信息不能为空',
          desc: ''
        })
      }
    },
    // 上传相关
    beforeUpload (file) {
      console.log('上传相关操作： ', file)
      var time = new Date().getTime()
      this.timeStep = time.toString()
      this.upPicData.fileName = this.timeStep + file.name
      this.upPicData.filePath = 'smz/cardm'
      let that = this
      const reader = new FileReader()
      reader.readAsDataURL(file)
      reader.onload = () => {
        let index = reader.result.indexOf('base64,') + 7
        that.upPicData.file = reader.result.substring(index)
        this.fileUrlList = []
        this.addinfo.files = undefined
        that.upPic(that.upPicData, file)
      }
      return false
    },
    // 上传图片
    upPic (obj, file) {
      var time = new Date().getTime()
      this.timeStep = time.toString()
      let param = {
        filePath: obj.filePath,
        fileName: obj.fileName,
        timestamp: this.timeStep
      }
      if (param.fileName.length > 20) {
        param.fileName = param.fileName.substring(0, 20) + file.name
      }
      getSign(param).then(res => {
        if (res.data.errcode === 0) {
          createUpLoadFiles(res.data.data.docking_url, {
            sign: res.data.data.sign,
            timestamp: this.timeStep,
            filePath: param.filePath,
            fileName: param.fileName,
            file: obj.file
          }).then(res => {
            if (res.data.errcode === 0) {
              let Url = res.data.data
              if (this.addinfo.files === undefined || this.addinfo.files.length === 0) {
                this.addinfo.files = Url
              } else {
                this.addinfo.files = this.addinfo.files + ',' + Url
              }
              if (this.updateinfo.files === undefined || this.updateinfo.files.length === 0) {
                this.updateinfo.files = Url
              } else {
                this.updateinfo.files = this.updateinfo.files + ',' + Url
              }
              this.fileUrlList.push(Url)
              this.index1 = this.fileUrlList.length - 1
              this.judge = true
            } else {
              this.$Notice.error({ title: '上传失败', desc: res.data.data.msg })
            }
          })
        } else {
          this.$Notice.error({ title: '上传失败', desc: res.data.data.msg })
        }
      })
    },
    tabs (index) {
      this.loading = true
      this.transition = index > this.index ? 'move-right' : 'move-left'// 显示动画逻辑
      this.index = index
      this.active = index
    },
    // 上传相关
    beforeUpload2 (file) {
      console.log('上传相关操作： ', file)
      var time = new Date().getTime()
      this.timeStep = time.toString()
      this.upPicData.fileName = this.timeStep + file.name
      this.upPicData.filePath = 'smz/cardz'
      let that = this
      const reader = new FileReader()
      reader.readAsDataURL(file)
      reader.onload = () => {
        let index = reader.result.indexOf('base64,') + 7
        that.upPicData.file = reader.result.substring(index)
        this.fileUrlList2 = []
        this.addinfo.files2 = undefined
        that.upPic2(that.upPicData, file)
      }
      return false
    },
    // 上传图片
    upPic2 (obj, file) {
      var time = new Date().getTime()
      this.timeStep = time.toString()
      let param = {
        filePath: obj.filePath,
        fileName: obj.fileName,
        timestamp: this.timeStep
      }
      if (param.fileName.length > 20) {
        param.fileName = param.fileName.substring(0, 20) + file.name
      }
      getSign(param).then(res => {
        if (res.data.errcode === 0) {
          createUpLoadFiles(res.data.data.docking_url, {
            sign: res.data.data.sign,
            timestamp: this.timeStep,
            filePath: param.filePath,
            fileName: param.fileName,
            file: obj.file
          }).then(res => {
            if (res.data.errcode === 0) {
              let Url = res.data.data
              if (this.addinfo.files2 === undefined || this.addinfo.files2.length === 0) {
                this.addinfo.files2 = Url
              } else {
                this.addinfo.files2 = this.addinfo.files2 + ',' + Url
              }
              if (this.updateinfo.files2 === undefined || this.updateinfo.files2.length === 0) {
                this.updateinfo.files2 = Url
              } else {
                this.updateinfo.files2 = this.updateinfo.files2 + ',' + Url
              }
              this.fileUrlList2.push(Url)
              this.index2 = this.fileUrlList2.length - 1
              this.judge2 = true
            } else {
              this.$Notice.error({ title: '上传失败', desc: res.data.data.msg })
            }
          })
        } else {
          this.$Notice.error({ title: '上传失败', desc: res.data.data.msg })
        }
      })
    },
    // 上传相关
    beforeUpload3 (file) {
      console.log('上传相关操作： ', file)
      var time = new Date().getTime()
      this.timeStep = time.toString()
      this.upPicData.fileName = this.timeStep + file.name
      this.upPicData.filePath = 'smz/cardf'
      let that = this
      const reader = new FileReader()
      reader.readAsDataURL(file)
      reader.onload = () => {
        let index = reader.result.indexOf('base64,') + 7
        that.upPicData.file = reader.result.substring(index)
        this.fileUrlList3 = []
        this.addinfo.files3 = undefined
        that.upPic3(that.upPicData, file)
      }
      return false
    },
    // 上传图片
    upPic3 (obj, file) {
      var time = new Date().getTime()
      this.timeStep = time.toString()
      let param = {
        filePath: obj.filePath,
        fileName: obj.fileName,
        timestamp: this.timeStep
      }
      if (param.fileName.length > 20) {
        param.fileName = param.fileName.substring(0, 20) + file.name
      }
      getSign(param).then(res => {
        if (res.data.errcode === 0) {
          createUpLoadFiles(res.data.data.docking_url, {
            sign: res.data.data.sign,
            timestamp: this.timeStep,
            filePath: param.filePath,
            fileName: param.fileName,
            file: obj.file
          }).then(res => {
            if (res.data.errcode === 0) {
              let Url = res.data.data
              if (this.addinfo.files3 === undefined || this.addinfo.files3.length === 0) {
                this.addinfo.files3 = Url
              } else {
                this.addinfo.files3 = this.addinfo.files3 + ',' + Url
              }
              if (this.updateinfo.files3 === undefined || this.updateinfo.files3.length === 0) {
                this.updateinfo.files3 = Url
              } else {
                this.updateinfo.files3 = this.updateinfo.files3 + ',' + Url
              }
              this.fileUrlList3.push(Url)
              this.index3 = this.fileUrlList3.length - 1
              this.judge3 = true
            } else {
              this.$Notice.error({ title: '上传失败', desc: res.data.data.msg })
            }
          })
        } else {
          this.$Notice.error({ title: '上传失败', desc: res.data.data.msg })
        }
      })
    },
    getYearList () {
      getYearList().then(res => {
        if (res.data.errcode === 0) {
          this.sessionList = res.data.data
        }
      })
    },
    // 社区统计下拉搜索框的级联查询
    getMailList (grade, code) {
      // this.searchInfo['grade' + (index + 1)] = 0
      getOffice({ grade: grade, code: code }).then(res => {
        if (res.data.errcode === 0) {
          this.mailList1 = res.data.data
          let xiehui = { code: '1', name: '社区工作者协会', master: '社区工作者协会' }
          this.mailList1.push(xiehui)
          // this.mailList[index].unshift({ id: 0, title: '全部' })
          // this.$forceUpdate()
        } else {
          this.$Notice.error({ title: '获取信息失败', desc: '查询区域列表信息失败' })
        }
      })
    },
    getMailList2 (grade, code) {
      // this.searchInfo['grade' + (index + 1)] = 0
      getOffice({ code: code }).then(res => {
        if (res.data.errcode === 0) {
          if (grade === 4) {
            this.mailList2 = res.data.data
            let xiehui = { code: '1', name: '社区工作者协会', master: '社区工作者协会' }
            this.mailList2.push(xiehui)
          } else if (grade === 5) {
            this.mailList3 = res.data.data
          }
          // this.mailList[index].unshift({ id: 0, title: '全部' })
          // this.$forceUpdate()
        } else {
          this.$Notice.error({ title: '获取信息失败', desc: '查询区域列表信息失败' })
        }
      })
    },
    // 社区统计下拉搜索框的级联查询
    getMailList3 (grade, code) {
      // this.searchInfo['grade' + (index + 1)] = 0
      getOffice({ grade: grade, code: code }).then(res => {
        if (res.data.errcode === 0) {
          this.mailList5 = res.data.data
          let xiehui = { code: '1', name: '社区工作者协会', master: '社区工作者协会' }
          this.mailList5.push(xiehui)
          // this.mailList[index].unshift({ id: 0, title: '全部' })
          // this.$forceUpdate()
        } else {
          this.$Notice.error({ title: '获取信息失败', desc: '查询区域列表信息失败' })
        }
      })
    },
    getMailList4 (grade, code) {
      // this.searchInfo['grade' + (index + 1)] = 0
      getOffice({ code: code }).then(res => {
        if (res.data.errcode === 0) {
          if (grade === 4) {
            this.mailList6 = res.data.data
            let xiehui = { code: '1', name: '社区工作者协会', master: '社区工作者协会' }
            this.mailList6.push(xiehui)
          } else if (grade === 5) {
            this.mailList7 = res.data.data
          }
          // this.mailList[index].unshift({ id: 0, title: '全部' })
          // this.$forceUpdate()
        } else {
          this.$Notice.error({ title: '获取信息失败', desc: '查询区域列表信息失败' })
        }
      })
    },
    getRecruit () {
      queryCommunityRecruit({ code: this.$store.state.user.severUserInfo.p_parent_code }).then(res => {
        if (res.data.errcode === 0) {
          this.recruit = res.data.data
        } else {
          this.$Notice.error({ title: '查询失败', desc: '查询信息失败' })
        }
      })
    },
    changeCancellation (value) {
      console.log(value)
    },
    setQrcode (row) { // 生成二维码
      this.qrcodeModal = true
      let that = this
      let url = 'https://shengshi.tripln.top/qstb/#/worker_evaluator' + '?card_no=' + row.mcardno
      // + '&iscs=true'
      document.getElementById('qrcode1').innerHTML = '正在加载，请稍候...'
      setTimeout(function () {
        that.getMydCode(url)
      }, 1000)
    },
    getMydCode (codeUrl) {
      document.getElementById('qrcode1').innerHTML = ''
      var qrcode = new QRCode(document.getElementById('qrcode1'), {
        text: codeUrl,
        top: 0,
        width: 200,
        height: 200,
        colorDark: '#000000',
        colorLight: '#ffffff',
        correctLevel: QRCode.CorrectLevel.H
      })
    }
  },
  async mounted () {
    this.company_grade = this.$store.state.user.severUserInfo.company_grade
    if (this.$store.state.user.severUserInfo.company_grade === '5') {
      await this.getRecruit()
    }
    await this.init()
    await this.getYearList()
    await this.getRegionList('', 0)
    // this.parent_code = this.$store.state.user.severUserInfo.parent_code
    if (this.$store.state.user.severUserInfo.company_grade === '3') {
      await this.getRegionList(this.$store.state.user.severUserInfo.company_code, 1)
    }
    if (this.$store.state.user.severUserInfo.company_grade === '4') {
      await this.getRegionList(this.$store.state.user.severUserInfo.company_code, 2)
    }
    if (this.$store.state.user.severUserInfo.company_grade === '5') {
      await this.getRegionList(this.$store.state.user.severUserInfo.company_code, 3)
    }
    // await this.getRegionList(this.$store.state.user.severUserInfo.company_code, 2)
    // await this.getRegionList(this.$store.state.user.severUserInfo.parent_code, 3)
    await this.getDictList()
    await this.selectCommunity()
    await this.selectCity()
    await this.selectStreet()
    if (this.companyGrade < 3) {
      this.getMailList(2, null)
    } else if (this.companyGrade < 4) {
      this.getMailList2(4, this.companyCode)
    } else if (this.companyGrade < 5) {
      this.getMailList2(5, this.companyCode)
    }
  },
  computed: {
    companyGrade () {
      return this.$store.state.user.severUserInfo.company_grade
    },
    companyCode () {
      return this.$store.state.user.severUserInfo.company_code
    }
  }
}
</script>
